*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial, Helvetica, sans-serif;
}

body{
    background:#f4f4f4;
}
.tor{
background:red;
width: 800px;
height: 600px;
margin: auto;
color: white;
padding: 20px;
border-radius:15px;
text-aling:left;
font-size: 16px;
font-family: arial;
}
.cabecera{
aling: center;
background: #000000;
width: 800px;
height: 40px;
margin:auto;

color: white;
padding:8px;
border-radius:10px;
text-aling: left;
font-size: 16px;
font-family: arial;
background:#333;
background:-webkit-gradient(linear,left bottom,from(#EBEBEB),to(#000));
background:-mox-linear-gradient(top,#EBEBEB,#000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', andColorstr='#000000');
}
.cabecera a{
border:none;
padding:3px;
text-decoration: none;
font:arial black;
color: #CCCCCC;
font: 16px Arial black;
}
.cabecera a:hover{
color: #FFFF00;
cursor:pointer;
font: 16px Arial black;
}
.paginador {
padding:9px;
}
.solito{
font-size:18px;
font-family:Arial;
font-weight:bold;
padding:19px 24px 19px 24px;
margin:2px;
border-radius:11px;
color: #000;
border: solid 1px #000;
background-color:orange;
    }
.paginador a{
    margin:2px;
    text-decoration:none;
font-size:18px;
font-family:Arial;
font-weight:bold;
padding:20px;
border: solid 1px #000;
border-radius:11px;
color: #FFFFFF;
background:#333;
background:-webkit-gradient(linear,left bottom,from(#EBEBEB),to(#000));
background:-mox-linear-gradient(top,#EBEBEB,#000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', andColorstr='#000000');
}
.paginador a:hover{
        text-decoration:none;
color: #FFFFFF;
background: #FFFFFF;
background: #0099CC;
background:-webkit-gradient(linear,left bottom,from( #FFFFFF),to( #FF0000));
background:-mox-linear-gradient(top,#444444,#000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', andColorstr='#000000');
}

.carrito{
float:right;
padding:2px;
margin:auto;
}
.caja{
background: white;
margin-left:2px;
margin-right:2px;
margin-top:5px;
float: left;
color: #000000;
width: 152px;
height: 254px;
text-aling: center;
border: 1px solid  #000000;
border-radius:15px;
}
.contenedor{
background: white;
margin: auto;
width: 790px;
height: 514px;
}
.cajaSola{
background: white;

float: left;
width: 250px;
height: 400px;
text-aling: center;
border:1px solid #E2E2E2;
border-radius:15px;
font-family:arial;
}
.cajaDes{
background: white;
float: left;
width: 250px;
height: auto;
text-aling: left;
border: 0px solid  #E2E2E2;
border-radius:15px;
padding:15px;
font-family:arial;
font-size:10px;
}
.vistacarrito{

background-color: #FFFFFF;
border:1px solid #FFFFFF;

width:800px;
margin:auto;
margin-top:20;
}
.cajaparacarrito {
background: white;
float: left;
width: 250px;
height: auto;
text-aling: left;
border: 0px solid  #E2E2E2;
border-radius:15px;
padding:15px;
font-family:arial;
font-size:10px;
}



/* ================= HEADER ================= */

header{
    background:#ff5a00;
    padding:15px;
    color:white;
    position:sticky;
    top:0;
    z-index:1000;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}


.top-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
}

.logo{
    font-size:28px;
    font-weight:bold;
    word-break:break-word;
}

.logo span{
    color:yellow;
}

.icons{
    display:flex;
    align-items:center;
    gap:20px;
}

.cart-icon{
    position:relative;
    cursor:pointer;
}

.related-card{
    background:white;
    border-radius:15px;
    overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.related-card:hover{
    transform:translateY(-5px);
}

.cart-count{
    position:absolute;
    top:-8px;
    right:-10px;
    background:red;
    color:white;
    width:20px;
    height:20px;
    border-radius:50%;
    font-size:12px;
    display:flex;
    justify-content:center;
    align-items:center;
    border:solid 2px #fff;
}

.icons i{
    font-size:24px;
}

.home-icon{
    color:white;
    font-size:24px;
    text-decoration:none;
    transition:0.3s;
}

.home-icon:hover{
    color:yellow;
    transform:scale(1.8);
}
/* ================= CONTENEDOR ================= */

.cart-container{
    max-width:1400px;
    margin:auto;
    padding:20px;
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;
}

/* ================= CARD ================= */

.cart-card{
    background:white;
    border-radius:15px;
    padding:20px;
    margin-bottom:20px;
    display:flex;
    gap:20px;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
}

.cart-card img{
    width:150px;
    height:150px;
    object-fit:cover;
    border-radius:10px;
}

.price{
    color:#ff5a00;
    font-size:28px;
    font-weight:bold;
}

/* ================= SUMMARY ================= */

.summary{
    background:white;
    border-radius:15px;
    padding:25px;
    height:fit-content;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
}

.summary-row{
    display:flex;
    justify-content:space-between;
    margin-bottom:15px;
}

.total{
    font-size:30px;
    font-weight:bold;
    color:#ff5a00;
}

/* ================= BOTONES ================= */

.checkout-btn{
    width:100%;
    background:#25D366;
    color:white;
    border:none;
    padding:15px;
    border-radius:10px;
    font-size:18px;
    cursor:pointer;
    margin-top:20px;
}

.continue-btn{
    width:100%;
    margin-top:15px;
    background:#222;
    color:white;
    border:none;
    padding:16px;
    border-radius:10px;
    font-size:18px;
    cursor:pointer;
}

.remove-btn{
    background:red;
    color:white;
    border:none;
    padding:10px 15px;
    border-radius:8px;
    cursor:pointer;
}

.apply-btn{
    width:100%;
    background:#0066ff;
    color:white;
    border:none;
    padding:12px;
    border-radius:8px;
    cursor:pointer;
}

.coupon-box input{
    width:100%;
    padding:12px;
    margin-bottom:10px;
}

/* ================= CANTIDAD ================= */

.qty-container{
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:15px;
    flex-wrap:wrap;
}

.qty-btn{
    width:55px;
    height:55px;
    border:none;
    border-radius:15px;
    background:black;
    color:white;
    font-size:22px;
    cursor:pointer;
}

.qty-input{
    width:70px;
    height:55px;
    border:none;
    background:transparent;
    font-size:55px;
    font-weight:bold;
    text-align:center;
    outline:none;
}

.qty-input::-webkit-inner-spin-button,
.qty-input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0;
}

.update-btn{
    border:none;
    background:black;
    color:white;
    padding:15px 35px;
    border-radius:15px;
    font-size:22px;
    cursor:pointer;
}

/* ================= RESPONSIVE ================= */

@media(max-width:900px){

    .cart-container{
        grid-template-columns:1fr;
    }

    .cart-card{
        flex-direction:column;
    }

}


/* ================= MEJORAS MOBILE ================= */

@media(max-width:700px){
    
#contenedorPrincipal video{
    height:auto;
    max-height:350px;
}

    header{
        padding:12px;
    }

    .top-bar{
        flex-wrap:wrap;
    }

    .logo{
        font-size:22px;
        width:100%;
        text-align:center;
    }

    .icons{
        width:100%;
        justify-content:center;
        margin-top:10px;
    }

    .product-container{
        padding:15px;
        gap:20px;
    }

    .product-images{
        padding:12px;
    }

    .product-info{
        padding:20px;
    }

    .main-image{
        height:auto;
        max-height:350px;
    }

    .gallery{
        justify-content:center;
        flex-wrap:wrap;
    }

    .gallery img{
        width:70px;
        height:70px;
    }

    .product-title{
        font-size:26px;
        line-height:1.3;
    }

    .price{
        font-size:34px;
    }

    .old-price{
        font-size:18px;
    }

    .description{
        font-size:15px;
        line-height:1.7;
    }

    .buttons{
        gap:12px;
    }

    .whatsapp-btn,
    .cart-btn{
        font-size:16px;
        padding:14px;
    }

    .delivery-box{
        padding:15px;
    }

    .related-products{
        padding:15px;
    }

    .related-title{
        font-size:24px;
        text-align:center;
    }

    .related-grid{
        grid-template-columns:1fr;
    }

    footer{
        padding:30px 15px;
    }

}



/* ================= BENEFICIOS ================= */

.benefits{
    background:white;
    margin-top:30px;
    padding:40px 20px;
}

.benefit-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:25px;
}

.benefit{
    text-align:center;
}

.benefit i{
    font-size:45px;
    color:#ff5a00;
    margin-bottom:15px;
}

.benefit h3{
    margin-bottom:10px;
}

/* ================= FOOTER ================= */

footer{
    background:#222;
    color:white;
    text-align:center;
    padding:40px 20px;
    margin-top:30px;
}

/* ================= WHATSAPP FLOTANTE ================= */

.whatsapp-float{
    position:fixed;
    width:65px;
    height:65px;
    background:#25D366;
    border-radius:50%;
    right:20px;
    bottom:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
    text-decoration:none;
    font-size:35px;
    box-shadow:0 4px 10px rgba(0,0,0,0.3);
}

/* ================= PRELOADER ================= */

#preloader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:#fff;
    z-index:999999;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.loader{
    width:70px;
    height:70px;
    border:7px solid #eee;
    border-top:7px solid #ff5a00;
    border-radius:50%;
    animation:girar 1s linear infinite;
}

.texto-loader{
    margin-top:20px;
    font-size:20px;
    font-weight:bold;
    color:#ff5a00;
}

@keyframes girar{

    0%{
        transform:rotate(0deg);
    }

    100%{
        transform:rotate(360deg);
    }

}

/* -- ================= CSS LOADER OPTIMIZADO ================= -- */


#page-loader{

    position:fixed;
    top:0;
    left:0;

    width:100%;
    height:100vh;

    background:rgba(255,255,255,0.95);

    display:flex;
    justify-content:center;
    align-items:center;

    z-index:999999;

    opacity:0;
    visibility:hidden;

    transition:
    opacity 0.25s ease,
    visibility 0.25s ease;

    pointer-events:none;
}

/* ================= MOSTRAR LOADER ================= */

#page-loader.active{

    opacity:1;
    visibility:visible;

    pointer-events:all;
}

/* ================= SPINNER ================= */

.loader-spinner{

    width:70px;
    height:70px;

    border:7px solid #eeeeee;
    border-top:7px solid #ff5a00;

    border-radius:50%;

    animation:girarLoader 0.9s linear infinite;
}

/* ================= ANIMACIÓN ================= */

@keyframes girarLoader{

    0%{
        transform:rotate(0deg);
    }

    100%{
        transform:rotate(360deg);
    }

}



/* ------------ */


/* ================= HEADER ================= */


/* ================= BUSCADOR ================= */

.search-box{
    margin-top:15px;
    display:flex;
}

.search-box input{
    width:100%;
    padding:12px;
    border:none;
    outline:none;
    border-radius:8px 0 0 8px;
}

.search-box button{
    width:60px;
    border:none;
    background:#222;
    color:white;
    border-radius:0 8px 8px 0;
    cursor:pointer;
}

/* ================= BANNER ================= */

.banner{
    background:linear-gradient(to right,#ff5a00,#ff8800);
    color:white;
    text-align:center;
    padding:45px 20px;
}

.banner h1{
    font-size:38px;
    margin-bottom:10px;
}

.banner p{
    font-size:18px;
}

/* ================= PRODUCTOS ================= */

.section-title{
    padding:25px 20px 10px;
    font-size:28px;
    font-weight:bold;
}

.products{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    padding:20px;
}

/* ================= LAPTOP ================= */

@media(max-width:1200px){

    .products{
        grid-template-columns:repeat(3,1fr);
    }

}

/* ================= TABLET ================= */

@media(max-width:900px){

    .products{
        grid-template-columns:repeat(2,1fr);
    }

}

/* ================= CELULAR ================= */

@media(max-width:600px){

    .products{
        grid-template-columns:1fr;
    }

    .banner h1{
        font-size:30px;
    }

}

.product-card{
    background:white;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
    transition:0.3s;
    position:relative;
}

.product-card:hover{
    transform:translateY(-5px);
}

.product-card img{
    width:100%;
    height:240px;
    object-fit:cover;
}

.product-info{
    padding:15px;
}

.product-title{
    font-size:18px;
    margin-bottom:10px;
    min-height:45px;
}

.price{
    font-size:28px;
    color:#ff5a00;
    font-weight:bold;
}

.old-price{
    text-decoration:line-through;
    color:gray;
    margin-left:8px;
}

.delivery-text{
    margin-top:10px;
    color:#1f8f3d;
    font-size:14px;
    font-weight:bold;
}

.buttons{
    margin-top:15px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

/* BOTÓN DETALLES */

.details-btn{
    background:#0066ff;
    color:white;
    text-decoration:none;
    padding:12px;
    border-radius:8px;
    text-align:center;
    font-weight:bold;
    transition:0.3s;
}

.details-btn:hover{
    background:#0050cc;
}

/* BOTÓN WHATSAPP */

.whatsapp-btn{
    background:#25D366;
    color:white;
    text-decoration:none;
    padding:12px;
    border-radius:8px;
    text-align:center;
    font-weight:bold;
    transition:0.3s;
}

.whatsapp-btn:hover{
    background:#1daa56;
}

/* BOTÓN CARRITO */

.cart-btn{
    background:#222;
    color:white;
    border:none;
    padding:12px;
    border-radius:8px;
    cursor:pointer;
    font-weight:bold;
    transition:0.3s;
}

.cart-btn:hover{
    background:#444;
}




/* ================= RESPONSIVE ================= */

@media(max-width:600px){

    .banner h1{
        font-size:30px;
    }

    .products{
        grid-template-columns:1fr;
    }

}


/* BOTÓN COMPARTIR */

.share-btn{
    position:absolute;
    top:12px;
    right:12px;
    width:48px;
    height:48px;
    border-radius:50%;
    background:#ff5a00;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    color:#FFF;
    font-size:20px;
    box-shadow:0 4px 12px rgba(0,0,0,0.25);
    z-index:999;
    transition:0.3s;
    border:none;
    opacity:1;
    visibility:visible;
}

.share-btn:hover{
    transform:scale(1.1);
    background:#ff7a00;
    color:#FFF;
}

/* ================= PRELOADER ================= */

/* ================= LOADER ENTRE PÁGINAS ================= */


/*   --------- */

/* ================= HEADER ================= */

/* ================= BUSCADOR ================= */

.search-box{
    margin-top:15px;
    display:flex;
}

.search-box input{
    width:100%;
    padding:12px;
    border:none;
    outline:none;
    border-radius:8px 0 0 8px;
}

.search-box button{
    width:60px;
    border:none;
    background:#222;
    color:white;
    border-radius:0 8px 8px 0;
    cursor:pointer;
}

/* ================= TÍTULO ================= */

.result-title{
    padding:25px 20px 10px;
    font-size:30px;
    font-weight:bold;
}

/* ================= PRODUCTOS ================= */

.products{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    padding:20px;
}

.product-card{
    background:white;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
    transition:0.3s;
    position:relative;
}

.product-card:hover{
    transform:translateY(-5px);
}

.product-card img{
    width:100%;
    height:240px;
    object-fit:cover;
}

.product-info{
    padding:15px;
}

.product-title{
    font-size:18px;
    margin-bottom:10px;
    min-height:45px;
}

.price{
    font-size:28px;
    color:#ff5a00;
    font-weight:bold;
}

.old-price{
    text-decoration:line-through;
    color:gray;
    margin-left:8px;
}

.delivery-text{
    margin-top:10px;
    color:#1f8f3d;
    font-size:14px;
    font-weight:bold;
}

.buttons{
    margin-top:15px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

/* ================= BOTONES ================= */

.details-btn,
.whatsapp-btn,
.cart-btn{

    padding:12px;
    border-radius:8px;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    color:white;
    border:none;
    cursor:pointer;

}

.details-btn{
    background:#0066ff;
}

.whatsapp-btn{
    background:#25D366;
}

.cart-btn{
    background:#222;
}

/* ================= SHARE ================= */



/* ================= NO RESULTADOS ================= */

.no-results{
    background:white;
    margin:20px;
    padding:40px;
    border-radius:15px;
    text-align:center;
    font-size:22px;
}



/* ================= RESPONSIVE ================= */

@media(max-width:1200px){

    .products{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:900px){

    .products{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:600px){

    .products{
        grid-template-columns:1fr;
    }

    .logo{
        font-size:22px;
    }

}
/* ================= PRELOADER ================= */

/* ================= LOADER ENTRE PÁGINAS ================= */


/* -------  */



img{
    max-width:100%;
    display:block;
}

/* ================= HEADER ================= */


/* ================= CONTENEDOR ================= */

.product-container{
    max-width:1300px;
    margin:auto;
    padding:40px 20px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}





/* ================= IMÁGENES ================= */

.product-images{
    background:white;
    padding:20px;
    width:100%;
    border-radius:15px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.main-image{
    width:100%;
    height:500px;
    object-fit:cover;
    border-radius:12px;
}



.gallery{
    margin-top:15px;
    display:flex;
    gap:10px;
    justify-content:center;
    flex-wrap:wrap;
}

.cart-btn,
.whatsapp-btn{
    transition:0.3s;
}

.gallery img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:10px;
    cursor:pointer;
    border:2px solid transparent;
    transition:0.3s;
}

.gallery img:hover{
    border-color:#ff5a00;
}


/* ================ galeria de video ================== */
#contenedorPrincipal video{
    width:100%;
    height:500px;
    object-fit:cover;
    border-radius:12px;
}
#contenedorPrincipal{
    overflow:hidden;
    border-radius:12px;
}

.gallery video{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:10px;
    cursor:pointer;
    border:2px solid transparent;
    transition:0.3s;
}

.gallery video:hover{
    border-color:#ff5a00;
    transform:scale(1.05);
}

.mini-video{
    position:relative;
    background:black;
}

.video-miniatura{
    position:relative;
    width:90px;
    height:90px;
}

.play-icon{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:white;
    font-size:28px;
    pointer-events:none;
    text-shadow:0 2px 10px rgba(0,0,0,0.8);
}

.mini-video::after{
    content:'▶';
    position:absolute;
    color:white;
    font-size:28px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    pointer-events:none;
}
/* ================= INFO PRODUCTO ================= */

.product-info{
    background:white;
    padding:30px;
    border-radius:15px;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.product-title{
    font-size:38px;
    margin-bottom:15px;
}

.price{
    font-size:42px;
    color:#ff5a00;
    font-weight:bold;
}

.old-price{
    color:gray;
    text-decoration:line-through;
    font-size:22px;
    margin-left:10px;
}

.stock{
    margin-top:15px;
    color:#1f8f3d;
    font-weight:bold;
    font-size:18px;
}

.description{
    margin-top:25px;
    line-height:1.8;
    color:#444;
}

/* ================= CARACTERÍSTICAS ================= */

.features{
    margin-top:25px;
}

.features h3{
    margin-bottom:15px;
}

.features ul{
    padding-left:20px;
}

.features li{
    margin-bottom:10px;
}

/* ================= BOTONES ================= */

.buttons{
    margin-top:30px;
    display:flex;
    flex-direction:column;
    gap:15px;
}

.whatsapp-btn{
    background:#25D366;
    color:white;
    text-decoration:none;
    padding:15px;
    text-align:center;
    border-radius:10px;
    font-size:18px;
    font-weight:bold;
    transition:0.3s;
}

.whatsapp-btn:hover{
    background:#1daa56;
}

.cart-btn{
    background:#222;
    color:white;
    border:none;
    padding:15px;
    border-radius:10px;
    cursor:pointer;
    font-size:18px;
    font-weight:bold;
    transition:0.3s;
}

.cart-btn:hover{
    background:#444;
}



/* ================= DELIVERY ================= */

.delivery-box{
    margin-top:30px;
    background:#fff6ef;
    padding:20px;
    border-radius:12px;
    border-left:5px solid #ff5a00;
}

.delivery-box h3{
    margin-bottom:10px;
}

/* ================= PRODUCTOS RELACIONADOS ================= */

.related-products{
    padding:20px;
}

.related-title{
    font-size:28px;
    margin-bottom:20px;
}

.related-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.related-card{
    background:white;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.related-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.related-info{
    padding:15px;
}

.related-name{
    margin-bottom:10px;
}

.related-price{
    color:#ff5a00;
    font-size:24px;
    font-weight:bold;
}



/* ================= RESPONSIVE ================= */

@media(max-width:1000px){

    .product-container{
        grid-template-columns:1fr;
    }

    .related-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:600px){

    .product-title{
        font-size:30px;
    }

    .main-image{
        height:350px;
    }

    .related-grid{
        grid-template-columns:1fr;
    }
    

    

}


/* ================= MEJORAS MOBILE ================= */


/* ================= COMPARTIR ================= */

.share-container{
    position:absolute;
    top:15px;
    right:15px;
    z-index:50;
}

.share-btn2{
    width:55px;
    height:55px;
    border-radius:50%;
    border:none;
    background:#ff5a00;
    color:white;
    font-size:22px;
    cursor:pointer;
    box-shadow:0 4px 12px rgba(0,0,0,0.2);
}

.share-options{
    position:absolute;
    top:65px;
    right:0;
    background:white;
    border-radius:12px;
    padding:10px;
    display:none;
    flex-direction:column;
    gap:10px;
    box-shadow:0 8px 25px rgba(0,0,0,0.15);
}

.share-options a{
    text-decoration:none;
    color:white;
    padding:10px 15px;
    border-radius:10px;
    font-size:14px;
    font-weight:bold;
    display:flex;
    align-items:center;
    gap:10px;
}

.share-whatsapp{
    background:#25D366;
}

.share-facebook{
    background:#1877F2;
}

.share-instagram{
    background:#E1306C;
}

.show-share{
    display:flex;
}

.main-image{
    transition:0.3s;
}

.gallery img:hover{
    transform:scale(1.05);
}
/* ================= PRELOADER ================= */

/* ================= LOADER ENTRE PÁGINAS ================= */