/** Shopify CDN: Minification failed

Line 556:0 Unexpected "}"

**/
/* =========================================
   CAR FRAME 32™ HERO
========================================= */

.cf32-hero{
    background:#fff;
    overflow:hidden;
    padding-bottom:80px;
}

/* Banner superior */

.cf32-banner{

    background:#5F0202;

    color:#fff;

    padding:15px 20px;

    text-align:center;

    font-size:15px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}

/* Contenedor */

.cf32-hero .page-width{

    max-width:1280px;

    margin:auto;

    padding:0 30px;

}

/* Cabecera */

.cf32-heading{

    text-align:center;

    margin:70px auto;

    max-width:850px;

}

.cf32-badge{

    display:inline-block;

    color:#5F0202;

    font-weight:700;

    letter-spacing:.18em;

    margin-bottom:18px;

    text-transform:uppercase;

    font-size:14px;

}

.cf32-heading h1{

    font-size:58px;

    line-height:1.08;

    color:#111;

    margin-bottom:24px;

}

.cf32-description{

    max-width:720px;

    margin:auto;

    color:#666;

    font-size:20px;

    line-height:1.8;

}

/* Botón */

.cf32-button{

    display:inline-flex;

    margin-top:40px;

    background:#5F0202;

    color:#fff;

    text-decoration:none;

    padding:18px 44px;

    border-radius:12px;

    font-weight:700;

    transition:.35s;

}

.cf32-button:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 35px rgba(95,2,2,.25);

}

/* Grid */

.cf32-showcase{

    display:grid;

    grid-template-columns:260px 1fr 260px;

    align-items:center;

    gap:50px;

}

/* Imagen */

.cf32-product{

    text-align:center;

}

.cf32-product-image{

    width:100%;

    max-width:560px;

    transition:.45s;

    filter:drop-shadow(0 40px 55px rgba(0,0,0,.18));

}

.cf32-product-image:hover{

    transform:translateY(-8px) scale(1.02);

}

/* Tarjetas */

.cf32-column{

    display:flex;

    flex-direction:column;

    gap:50px;

}

.cf32-card{

    text-align:center;

}

.cf32-icon{

    font-size:36px;

    margin-bottom:18px;

}

.cf32-card h3{

    font-size:22px;

    color:#111;

    margin-bottom:10px;

}

.cf32-card p{

    color:#666;

    line-height:1.7;

}

/* Responsive */

@media(max-width:990px){

.cf32-showcase{

grid-template-columns:1fr;

}

.cf32-heading h1{

font-size:38px;

}

.cf32-description{

font-size:18px;

}

.cf32-product{

order:-1;

}

}/*====================================
PRODUCT CARD
====================================*/

.cf32-product{

    display:flex;

    justify-content:center;

    align-items:center;

}

.cf32-product-card{

    background:#fff;

    border-radius:22px;

    padding:30px;

    box-shadow:
    0 35px 80px rgba(0,0,0,.10);

    transition:.45s;

}

.cf32-product-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 55px 110px rgba(0,0,0,.16);

}

.cf32-product-image{

    display:block;

    width:100%;

    max-width:520px;

    height:auto;

}/*====================================
ANIMACIONES PREMIUM
====================================*/

/* Aparición suave */

.cf32-heading{

    animation:cfFadeUp .8s ease forwards;

}

.cf32-showcase{

    animation:cfFadeUp 1.2s ease forwards;

}

.cf32-bottom{

    animation:cfFadeUp 1.5s ease forwards;

}

/* Imagen flotante */

.cf32-product-image{

    animation:cfFloat 6s ease-in-out infinite;

}

/* Tarjetas */

.cf32-card{

    transition:.35s;

}

.cf32-card:hover{

    transform:translateY(-8px);

}

/* Iconos */

.cf32-icon{

    transition:.35s;

}

.cf32-card:hover .cf32-icon{

    transform:scale(1.15);

    color:#5F0202;

}

/* Botón */

.cf32-button{

    position:relative;

    overflow:hidden;

}

.cf32-button::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:60%;

    height:100%;

    background:rgba(255,255,255,.28);

    transform:skewX(-25deg);

    transition:1s;

}

.cf32-button:hover::before{

    left:150%;

}

/* Keyframes */

@keyframes cfFadeUp{

0%{

opacity:0;

transform:translateY(40px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

@keyframes cfFloat{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0px);

}

}/* =====================================================
   CAR FRAME™ CREATORS
====================================================== */

.cf32-creators{

    padding:100px 0;

    background:#fff;

}

.cf32-creators-header{

    text-align:center;

    max-width:760px;

    margin:0 auto 70px;

}

.cf32-section-tag{

    display:inline-flex;

    padding:8px 18px;

    border-radius:50px;

    background:#F8F3F3;

    color:#5F0202;

    font-size:13px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;

}

.cf32-creators-header h2{

    margin:22px 0;

    font-size:48px;

    color:#111;

    line-height:1.1;

}

.cf32-creators-header p{

    font-size:19px;

    line-height:1.8;

    color:#666;

}

/* GRID */

.cf32-creators-grid{

display:grid;

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

gap:30px;

align-items:stretch;

}

@media(max-width:990px){

.cf32-creators-grid{

display:flex;

overflow-x:auto;

gap:20px;

scroll-snap-type:x mandatory;

padding-bottom:15px;

-webkit-overflow-scrolling:touch;

}

.cf32-creators-grid::-webkit-scrollbar{

display:none;

}

.cf32-creator-card{

min-width:320px;

scroll-snap-align:start;

flex-shrink:0;

}

}

}

/* TARJETA */

.cf32-creator-card{
height:100%;
position:relative;
    display:block;

    text-decoration:none;

    color:inherit;

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    transition:.35s;

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

}

.cf32-creator-card:hover{

    transform:translateY(-8px);

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

}

/* MINIATURA */

.cf32-thumbnail{

    position:relative;

    aspect-ratio:4/5;

    overflow:hidden;

    background:#f3f3f3;

}

.cf32-thumb{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.cf32-creator-card:hover .cf32-thumb{

    transform:scale(1.05);

}

/* BOTÓN PLAY */

.cf32-play{

    position:absolute;

    left:50%;

    top:50%;

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

    width:72px;

    height:72px;

    border-radius:50%;

    background:#5F0202;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    transition:.35s;

    box-shadow:0 15px 35px rgba(95,2,2,.30);

}

.cf32-creator-card:hover .cf32-play{

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

}

/* CONTENIDO */

.cf32-creator-content{

    padding:28px;

}

.cf32-stars{

    color:#5F0202;

    letter-spacing:2px;

    margin-bottom:15px;

    font-size:15px;

}

.cf32-creator-content h3{

    font-size:24px;

    margin-bottom:6px;

    color:#111;

}

.cf32-creator-content span{

    color:#888;

    display:block;

    margin-bottom:18px;

    font-size:14px;

}

.cf32-creator-content p{

    color:#555;

    line-height:1.7;

    font-size:16px;

}

/* RESPONSIVE */

@media(max-width:990px){

.cf32-creators{

padding:70px 0;

}

.cf32-creators-grid{

grid-template-columns:1fr;

gap:25px;

}

.cf32-creators-header h2{

font-size:34px;

}

.cf32-creators-header p{

font-size:17px;

}

}/* Trust */

.cf32-trust{

display:flex;

justify-content:center;

align-items:center;

gap:18px;

margin-top:28px;

flex-wrap:wrap;

font-size:15px;

font-weight:600;

color:#444;

}

.cf32-trust span:first-child{

color:#5F0202;

font-weight:700;

}

@media(max-width:750px){

.cf32-trust{

gap:10px;

font-size:14px;

}

}