/* =========================================
HERO VIDEO PREMIUM
========================================= */
/* =========================================
HERO PREMIUM ESTILO PORSCHE
========================================= */
body {
    font-family:'Inter',sans-serif !important;

}
.hero-premium{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
    margin-top: 100px;
    background:#111;
}

/* =========================================
SLIDES
========================================= */

.hero-slides{
    width:100%;
    height:100%;
    position:relative;
}

.hero-slide{
    position:absolute;
    inset:0;

    opacity:0;
    transition:1.2s ease;
}

.hero-slide.active{
    opacity:1;
    z-index:2;
}

.hero-slide img{
    width:100%;
    height:100%;
    object-fit:cover;

}

@keyframes zoomHero{

    0%{
        transform:scale(1.05);
    }

    100%{
        transform:scale(1.12);
    }

}

/* =========================================
OVERLAY
========================================= */

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:3;
}

/* =========================================
CONTENIDO
========================================= */

.hero-content{
    position:absolute;
    left:50%;
    top:52%;

    transform:translate(-50%,-50%);

    z-index:5;

    text-align:center;

    width:90%;
    max-width:900px;

    color:#fff;
}

.hero-mini{
    display:block;

    font-size:13px;
    letter-spacing:4px;

    margin-bottom:25px;

    text-transform:uppercase;

    color:rgba(255,255,255,.75);
}

.hero-content h1{
    font-size:92px;
    line-height:0.95;
    font-weight:400;
    font-family:'Inter',sans-serif !important;

    margin-bottom:28px;

    letter-spacing:-3px;
}

.hero-content p{
    font-size:20px;
    line-height:1.7;

    max-width:700px;
    font-family:'Inter',sans-serif !important;

    margin:auto auto 40px auto;

    color:rgba(255,255,255,.88);
}

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



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

@media(max-width:992px){

    .hero-content h1{
        font-size:65px;
    }

    .hero-content p{
        font-size:18px;
    }

}

@media(max-width:768px){

    .hero-premium{
        height:92vh;
        margin-top:92px;
    }

    .hero-content h1{
        font-size:48px;
        line-height:1;
    }

    .hero-content p{
        font-size:16px;
        line-height:1.6;
    }

    .hero-mini{
        font-size:11px;
        letter-spacing:3px;
    }

    .btn-white{
        width:100%;
        max-width:280px;
    }

}

.hero-slide{
    position:absolute;
    inset:0;

    opacity:0;
    transition:opacity 1s ease-in-out;
}

.hero-slide.active{
    opacity:1;
    z-index:2;
}






.hero-premium{

    width:100%;
    height:320px;
    overflow:hidden;
    position:relative;

}

.hero-slide img{

    width:100%;
    height:320px;
    object-fit:cover;

}






/*==========================
    PRODUCTOS EN MOVIMIENTO
==========================*/

.productos-scroll{
    width:100%;
    padding:40px 0;
    background:#fff;
    overflow:hidden;
}

.titulo-scroll{
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#b31212;
    margin-bottom:35px;
    text-transform:uppercase;
    letter-spacing:2px;
}

.scroll-wrapper{
    width:100%;
    overflow:hidden;
    position:relative;
}

.scroll-track{

    display:flex;
    align-items:flex-start;
    gap:25px;

    width:max-content;

    animation:scrollProductos 870s linear infinite;
}

.scroll-track:hover{
    animation-play-state:paused;
}

.producto-scroll{

    width:240px;
    flex-shrink:0;

    background:#fff;

    border-radius:15px;

    padding:18px;

    text-align:center;

    border:1px solid #ececec;

    transition:.35s;

    cursor:pointer;
}

.producto-scroll:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.12);

}

.producto-scroll img{

    width:180px;
    height:180px;

    object-fit:contain;

    margin:auto;
    display:block;
}

.producto-scroll h3{

    font-size:20px;
    margin:18px 0 12px;

    color:#222;

    line-height:1.3;
    min-height:55px;
}

.antes{

    display:block;

    color:#8f8f8f;

    text-decoration:line-through;

    font-size:22px;

    margin-bottom:6px;
}

.precio{

    display:block;

    color:#b31212;

    font-size:34px;

    font-weight:bold;
}

@keyframes scrollProductos{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

/* Responsive */

@media(max-width:900px){

    .producto-scroll{
        width:180px;
    }

    .producto-scroll img{
        width:130px;
        height:130px;
    }

    .producto-scroll h3{
        font-size:16px;
        min-height:45px;
    }

    .antes{
        font-size:18px;
    }

    .precio{
        font-size:26px;
    }

}
















/* =========================================
CATEGORIAS TODOIMPORTA
ESTILO ULTRA PREMIUM
BLANCO • NEGRO • ROJO
========================================= */

.categorias-home{
    position:relative;
    padding:120px 80px;

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f8f8f8 100%
    );

    overflow:hidden;
}

/* EFECTO FONDO */
.categorias-home::before{
    content:'';

    position:absolute;

    top:-200px;
    right:-200px;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(225,6,0,0.06),
        transparent 70%
    );

    pointer-events:none;
}

/* =========================================
TITULO
========================================= */

.section-title{
    position:relative;

    text-align:center;

    max-width:950px;

    margin:auto auto 75px;

    z-index:2;
}

/* MINI */
.mini-title{
    display:inline-block;

    font-size:12px;
    font-weight:800;

    letter-spacing:5px;

    color:#c40000;

    margin-bottom:24px;

    text-transform:uppercase;
}

/* TITULO */
.section-title h2{
    font-size:64px;

    line-height:1.08;

    font-weight:800;

    color:#111111;

    margin-bottom:28px;

    letter-spacing:-2px;
}

/* PARRAFO */
.section-title p{
    font-size:18px;

    line-height:2;

    color:#666666;

    max-width:850px;

    margin:auto;
}

/* =========================================
GRID
========================================= */

.cat-grid{
    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:28px;

    position:relative;

    z-index:2;
}

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

.cat-card{
    position:relative;

    height:560px;

    overflow:hidden;

    border-radius:34px;

    text-decoration:none;

    background:#111111;

    border:
    1px solid rgba(255,255,255,0.08);

    transition:
    transform .55s ease,
    box-shadow .55s ease;

    box-shadow:
    0 20px 55px rgba(0,0,0,0.10);
}

/* HOVER */
.cat-card:hover{
    transform:
    translateY(-12px);

    box-shadow:
    0 35px 70px rgba(0,0,0,0.16);
}

/* =========================================
IMAGEN
========================================= */

.cat-card img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:
    transform 1s ease,
    filter .7s ease;
}

/* HOVER IMG */
.cat-card:hover img{
    transform:scale(1.12);

    filter:
    brightness(.75);
}

/* =========================================
OVERLAY
========================================= */

.cat-overlay{
    position:absolute;

    inset:0;

    display:flex;
    align-items:flex-end;

    padding:34px;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,0.96) 0%,
        rgba(0,0,0,0.58) 42%,
        rgba(0,0,0,0.08) 100%
    );
}

/* =========================================
CONTENIDO
========================================= */

.cat-content{
    width:100%;
}

/* MINI */
.cat-mini{
    display:inline-block;

    margin-bottom:16px;

    font-size:11px;
    font-weight:700;

    letter-spacing:4px;

    color:#ff2d2d;

    text-transform:uppercase;
}

/* TITULO */
.cat-content h3{
    font-size:38px;

    line-height:1.12;

    font-weight:800;

    color:#ffffff;

    margin-bottom:28px;

    letter-spacing:-1px;
}

/* =========================================
BOTON
========================================= */

.cat-btn{
    width:max-content;

    padding:16px 26px;

    border-radius:60px;

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

    border:
    1px solid rgba(255,255,255,0.12);

    color:#ffffff;

    font-size:13px;
    font-weight:700;

    letter-spacing:1px;

    backdrop-filter:blur(12px);

    transition:.4s ease;

    box-shadow:
    0 10px 25px rgba(0,0,0,0.18);
}

/* HOVER BOTON */
.cat-card:hover .cat-btn{
    background:
    linear-gradient(
        135deg,
        #c40000,
        #ff2d2d
    );

    border-color:
    transparent;

    transform:
    translateY(-3px);

    box-shadow:
    0 18px 35px rgba(196,0,0,0.35);
}

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

@media(max-width:1400px){

    .section-title h2{
        font-size:52px;
    }

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

}

@media(max-width:768px){

    .categorias-home{
        padding:90px 20px;
    }

    .section-title h2{
        font-size:36px;

        letter-spacing:-1px;
    }

    .section-title p{
        font-size:16px;
    }

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

    .cat-card{
        height:460px;
    }

    .cat-content h3{
        font-size:30px;
    }

}































/* =========================================
PRODUCTOS TODOIMPORTA
ULTRA PREMIUM
BLANCO • NEGRO • ROJO
========================================= */

.productos-home{
    position:relative;

    padding:120px 80px;

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f7f7f7 100%
    );

    overflow:hidden;
}

/* EFECTO FONDO */
.productos-home::before{
    content:'';

    position:absolute;

    bottom:-220px;
    left:-180px;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(225,6,0,0.05),
        transparent 70%
    );

    pointer-events:none;
}

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

.productos-header{
    position:relative;

    display:flex;
    justify-content:space-between;
    align-items:flex-end;

    gap:40px;

    margin-bottom:75px;

    z-index:2;
}

/* TITULO */
.productos-title{
    max-width:760px;
}

/* MINI */
.mini-title{
    display:inline-block;

    font-size:12px;
    font-weight:800;

    letter-spacing:5px;

    color:#c40000;

    margin-bottom:22px;

    text-transform:uppercase;
}

/* H2 */
.productos-title h2{
    font-size:62px;

    line-height:1.05;

    font-weight:800;

    color:#111111;

    margin-bottom:24px;

    letter-spacing:-2px;
}

/* P */
.productos-title p{
    font-size:18px;

    line-height:2;

    color:#666666;

    max-width:700px;
}

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

.btn-ver-todos{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:18px 34px;

    border-radius:60px;

    text-decoration:none;

    background:#111111;

    color:#ffffff;

    font-size:13px;
    font-weight:700;

    letter-spacing:1px;

    transition:.4s ease;

    box-shadow:
    0 15px 35px rgba(0,0,0,0.12);
}

/* HOVER */
.btn-ver-todos:hover{
    background:
    linear-gradient(
        135deg,
        #c40000,
        #ff2d2d
    );

    transform:
    translateY(-4px);

    box-shadow:
    0 20px 40px rgba(196,0,0,0.28);
}

/* =========================================
GRID
========================================= */

.productos-grid{
    position:relative;

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:30px;

    z-index:2;
}

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

.producto-card{
    position:relative;

    overflow:hidden;

    border-radius:34px;

    background:#ffffff;

    border:
    1px solid rgba(0,0,0,0.06);

    transition:
    transform .55s ease,
    box-shadow .55s ease;

    box-shadow:
    0 18px 50px rgba(0,0,0,0.08);
}

/* HOVER */
.producto-card:hover{
    transform:
    translateY(-12px);

    box-shadow:
    0 35px 75px rgba(0,0,0,0.14);
}

/* =========================================
IMAGEN
========================================= */

.producto-img{
    position:relative;

    height:350px;

    overflow:hidden;

    background:#f8f8f8;
}

/* IMG */
.producto-img img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:
    transform 1s ease,
    filter .7s ease;
}

/* HOVER IMG */
.producto-card:hover img{
    transform:scale(1.12);

    filter:
    brightness(.92);
}

/* =========================================
TAGS
========================================= */

.tags-producto{
    position:absolute;

    top:22px;
    left:22px;

    display:flex;
    flex-direction:column;

    gap:10px;

    z-index:5;
}

/* TAG */
.tag{
    padding:10px 16px;

    border-radius:50px;

    font-size:11px;
    font-weight:700;

    letter-spacing:1px;

    color:#ffffff;

    backdrop-filter:blur(10px);

    box-shadow:
    0 8px 18px rgba(0,0,0,0.12);
}

/* COLORES */
.tag.nuevo{
    background:#111111;
}

.tag.vendido{
    background:
    linear-gradient(
        135deg,
        #c40000,
        #ff2d2d
    );
}

.tag.limitada{
    background:#d49a00;
}

/* =========================================
INFO
========================================= */

.producto-info{
    padding:30px;
}

/* CATEGORIA */
.producto-cat{
    display:inline-block;

    margin-bottom:14px;

    font-size:11px;
    font-weight:700;

    letter-spacing:4px;

    color:#c40000;

    text-transform:uppercase;
}

/* TITULO */
.producto-info h4{
    font-size:28px;

    line-height:1.2;

    color:#111111;

    margin-bottom:28px;

    font-weight:800;

    min-height:68px;

    letter-spacing:-1px;
}

/* =========================================
BOTTOM
========================================= */

.producto-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* PRECIO */
.producto-bottom p{
    font-size:32px;

    font-weight:800;

    color:#111111;

    letter-spacing:-1px;
}

/* =========================================
BOTON CARRITO
========================================= */

.btn-cart{
    width:60px;
    height:60px;

    border-radius:20px;

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

    text-decoration:none;

    font-size:22px;

    background:
    linear-gradient(
        135deg,
        #c40000,
        #ff2d2d
    );

    color:#ffffff;

    transition:.4s ease;

    box-shadow:
    0 15px 30px rgba(196,0,0,0.22);
}

/* HOVER */
.btn-cart:hover{
    transform:
    scale(1.08)
    rotate(-6deg);

    box-shadow:
    0 22px 38px rgba(196,0,0,0.32);
}

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

@media(max-width:1450px){

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

}

@media(max-width:1200px){

    .productos-title h2{
        font-size:48px;
    }

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

}

@media(max-width:768px){

    .productos-home{
        padding:90px 20px;
    }

    .productos-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .productos-title h2{
        font-size:36px;

        letter-spacing:-1px;
    }

    .productos-title p{
        font-size:16px;
    }

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

    .producto-img{
        height:300px;
    }

    .producto-info h4{
        font-size:24px;
    }

}






















/* =========================================
TESTIMONIOS TODOIMPORTA
ULTRA PREMIUM
BLANCO • NEGRO • ROJO
========================================= */

.testimonios-home{
    position:relative;

    padding:120px 80px;

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f8f8f8 100%
    );

    overflow:hidden;
}

/* EFECTO FONDO */
.testimonios-home::before{
    content:'';

    position:absolute;

    top:-180px;
    left:-180px;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(225,6,0,0.05),
        transparent 70%
    );

    pointer-events:none;
}

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

.test-header{
    position:relative;

    text-align:center;

    max-width:980px;

    margin:auto auto 80px;

    z-index:2;
}

/* MINI */
.mini-title{
    display:inline-block;

    font-size:12px;
    font-weight:800;

    letter-spacing:5px;

    color:#c40000;

    margin-bottom:24px;

    text-transform:uppercase;
}

/* TITULO */
.test-header h2{
    font-size:62px;

    line-height:1.08;

    font-weight:800;

    color:#111111;

    margin-bottom:28px;

    letter-spacing:-2px;
}

/* TEXTO */
.test-header p{
    font-size:18px;

    line-height:2;

    color:#666666;

    max-width:850px;

    margin:auto;
}

/* =========================================
GRID
========================================= */

.test-grid{
    position:relative;

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:30px;

    z-index:2;
}

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

.test-card{
    position:relative;

    padding:42px 38px;

    border-radius:36px;

    overflow:hidden;

    background:#ffffff;

    border:
    1px solid rgba(0,0,0,0.06);

    transition:
    transform .55s ease,
    box-shadow .55s ease;

    box-shadow:
    0 18px 55px rgba(0,0,0,0.08);
}

/* LINEA TOP */
.test-card::before{
    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:
    linear-gradient(
        90deg,
        #c40000,
        #ff2d2d
    );
}

/* HOVER */
.test-card:hover{
    transform:
    translateY(-12px);

    box-shadow:
    0 35px 75px rgba(0,0,0,0.14);
}

/* =========================================
ESTRELLAS
========================================= */

.test-stars{
    font-size:22px;

    margin-bottom:28px;

    letter-spacing:4px;
}

/* =========================================
TEXTO TESTIMONIO
========================================= */

.test-card p{
    font-size:18px;

    line-height:2;

    color:#444444;

    margin-bottom:40px;

    min-height:165px;
}

/* =========================================
USUARIO
========================================= */

.test-user{
    display:flex;
    align-items:center;

    gap:16px;
}

/* AVATAR */
.test-avatar{
    width:68px;
    height:68px;

    border-radius:50%;

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

    background:
    linear-gradient(
        135deg,
        #c40000,
        #ff2d2d
    );

    color:#ffffff;

    font-size:24px;
    font-weight:800;

    box-shadow:
    0 18px 35px rgba(196,0,0,0.22);
}

/* NOMBRE */
.test-user strong{
    display:block;

    font-size:18px;

    color:#111111;

    margin-bottom:6px;

    font-weight:700;
}

/* SMALL */
.test-user small{
    color:#777777;

    font-size:14px;

    letter-spacing:.3px;
}

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

@media(max-width:1300px){

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

}

@media(max-width:900px){

    .testimonios-home{
        padding:90px 20px;
    }

    .test-header h2{
        font-size:40px;

        letter-spacing:-1px;
    }

    .test-header p{
        font-size:16px;
    }

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

    .test-card{
        padding:34px 28px;
    }

    .test-card p{
        min-height:auto;
    }

}



























/* =========================================
BENEFICIOS TODOIMPORTA
ULTRA PREMIUM
NEGRO • BLANCO • ROJO
========================================= */

.beneficios-home{
    position:relative;

    padding:110px 80px;

    background:
    linear-gradient(
        135deg,
        #0a0a0a 0%,
        #120000 100%
    );

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:30px;

    overflow:hidden;
}

/* EFECTO FONDO */
.beneficios-home::before{
    content:'';

    position:absolute;

    top:-220px;
    right:-220px;

    width:520px;
    height:520px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,0,0,0.10),
        transparent 70%
    );

    pointer-events:none;
}

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

.beneficio-item{
    position:relative;

    padding:42px 36px;

    border-radius:34px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,0.06),
        rgba(255,255,255,0.03)
    );

    border:
    1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(14px);

    transition:
    transform .55s ease,
    box-shadow .55s ease,
    border .55s ease;

    box-shadow:
    0 20px 50px rgba(0,0,0,0.22);

    z-index:2;
}

/* LINEA SUPERIOR */
.beneficio-item::before{
    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:
    linear-gradient(
        90deg,
        #c40000,
        #ff2d2d
    );
}

/* HOVER */
.beneficio-item:hover{
    transform:
    translateY(-12px);

    border:
    1px solid rgba(255,0,0,0.20);

    box-shadow:
    0 35px 70px rgba(0,0,0,0.32);
}

/* =========================================
ICONO
========================================= */

.beneficio-icon{
    width:84px;
    height:84px;

    border-radius:26px;

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

    margin-bottom:32px;

    font-size:34px;

    background:
    linear-gradient(
        135deg,
        #c40000,
        #ff2d2d
    );

    color:#ffffff;

    box-shadow:
    0 18px 35px rgba(196,0,0,0.28);

    transition:.4s ease;
}

/* HOVER ICON */
.beneficio-item:hover .beneficio-icon{
    transform:
    scale(1.08)
    rotate(-5deg);
}

/* =========================================
TEXTOS
========================================= */

/* MINI */
.beneficio-text span{
    display:inline-block;

    margin-bottom:16px;

    font-size:11px;
    font-weight:800;

    letter-spacing:4px;

    color:#ff3b3b;

    text-transform:uppercase;
}

/* TITULO */
.beneficio-text h4{
    font-size:28px;

    line-height:1.18;

    color:#ffffff;

    margin-bottom:22px;

    font-weight:800;

    letter-spacing:-1px;
}

/* TEXTO */
.beneficio-text p{
    font-size:16px;

    line-height:2;

    color:rgba(255,255,255,0.72);
}

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

@media(max-width:1450px){

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

}

@media(max-width:768px){

    .beneficios-home{
        grid-template-columns:1fr;

        padding:90px 20px;
    }

    .beneficio-item{
        padding:34px 28px;
    }

    .beneficio-text h4{
        font-size:24px;
    }

}




























/* =========================================
SEO HOME TODOIMPORTA
ULTRA PREMIUM
BLANCO • NEGRO • ROJO
========================================= */

.seo-home{
    position:relative;

    padding:140px 80px;

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f7f7f7 100%
    );

    overflow:hidden;
}

/* EFECTOS FONDO */
.seo-home::before{
    content:'';

    position:absolute;

    top:-250px;
    right:-250px;

    width:600px;
    height:600px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(225,6,0,0.05),
        transparent 70%
    );

    pointer-events:none;
}

.seo-home::after{
    content:'';

    position:absolute;

    bottom:-250px;
    left:-250px;

    width:520px;
    height:520px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(0,0,0,0.04),
        transparent 70%
    );

    pointer-events:none;
}

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

.seo-container{
    position:relative;

    max-width:1150px;

    margin:auto;

    text-align:center;

    z-index:2;
}

/* =========================================
MINI TITULO
========================================= */

.seo-mini{
    display:inline-block;

    margin-bottom:26px;

    font-size:12px;
    font-weight:800;

    letter-spacing:5px;

    color:#c40000;

    text-transform:uppercase;
}

/* =========================================
TITULO
========================================= */

.seo-container h2{
    font-size:68px;

    line-height:1.05;

    font-weight:800;

    color:#111111;

    margin-bottom:40px;

    letter-spacing:-2px;
}

/* =========================================
TEXTOS
========================================= */

.seo-container p{
    font-size:19px;

    line-height:2.1;

    color:#555555;

    margin-bottom:34px;

    max-width:1050px;

    margin-left:auto;
    margin-right:auto;
}

/* RESALTAR TEXTO */
.seo-container strong{
    color:#111111;

    font-weight:700;
}

/* =========================================
EFECTO LINEA
========================================= */

.seo-container::after{
    content:'';

    display:block;

    width:140px;
    height:4px;

    margin:55px auto 0;

    border-radius:50px;

    background:
    linear-gradient(
        90deg,
        #c40000,
        #ff2d2d
    );

    box-shadow:
    0 10px 20px rgba(196,0,0,0.20);
}

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

@media(max-width:1200px){

    .seo-container h2{
        font-size:52px;
    }

}

@media(max-width:768px){

    .seo-home{
        padding:100px 20px;
    }

    .seo-container h2{
        font-size:38px;

        letter-spacing:-1px;
    }

    .seo-container p{
        font-size:16px;

        line-height:1.9;
    }

}