.elementor-1101 .elementor-element.elementor-element-96e2564{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-77px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1101 .elementor-element.elementor-element-96e2564:not(.elementor-motion-effects-element-type-background), .elementor-1101 .elementor-element.elementor-element-96e2564 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1101 .elementor-element.elementor-element-4e76ceb{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-77px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1101 .elementor-element.elementor-element-4e76ceb:not(.elementor-motion-effects-element-type-background), .elementor-1101 .elementor-element.elementor-element-4e76ceb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1101 .elementor-element.elementor-element-1be3fde{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1101 .elementor-element.elementor-element-1be3fde:not(.elementor-motion-effects-element-type-background), .elementor-1101 .elementor-element.elementor-element-1be3fde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1101 .elementor-element.elementor-element-afdce3b{--display:grid;--min-height:455px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1101 .elementor-element.elementor-element-afdce3b:not(.elementor-motion-effects-element-type-background), .elementor-1101 .elementor-element.elementor-element-afdce3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1101 .elementor-element.elementor-element-11d5416{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-97px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1101 .elementor-element.elementor-element-11d5416:not(.elementor-motion-effects-element-type-background), .elementor-1101 .elementor-element.elementor-element-11d5416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-1101 .elementor-element.elementor-element-4e76ceb{--content-width:1537px;}.elementor-1101 .elementor-element.elementor-element-1be3fde{--content-width:1600px;}.elementor-1101 .elementor-element.elementor-element-afdce3b{--content-width:1600px;}.elementor-1101 .elementor-element.elementor-element-11d5416{--content-width:1419px;}}@media(max-width:1024px){.elementor-1101 .elementor-element.elementor-element-96e2564{--grid-auto-flow:row;}.elementor-1101 .elementor-element.elementor-element-4e76ceb{--grid-auto-flow:row;}.elementor-1101 .elementor-element.elementor-element-1be3fde{--grid-auto-flow:row;}.elementor-1101 .elementor-element.elementor-element-afdce3b{--grid-auto-flow:row;}.elementor-1101 .elementor-element.elementor-element-11d5416{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1101 .elementor-element.elementor-element-96e2564{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1101 .elementor-element.elementor-element-b7bb47b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1101 .elementor-element.elementor-element-4e76ceb{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1101 .elementor-element.elementor-element-1be3fde{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1101 .elementor-element.elementor-element-afdce3b{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1101 .elementor-element.elementor-element-11d5416{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-b7bb47b *//*==================================================
        HERO — ONIGISHI
==================================================*/

.hero{
    width:100%;
    min-height:100vh;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f9f9ff;
}

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

.hero-content{
    width:92%;
    max-width:1500px;
    margin:0 auto;
    display:grid;
    grid-template-columns:48% 52%;
    align-items:center;
    gap:10px;
}

/*==================================================
        DECORACIÓN DE FONDO
==================================================*/

.hero::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(139,92,246,.07);
    left:-180px;
    top:-120px;
}

.hero::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(139,92,246,.06);
    right:-100px;
    bottom:-100px;
}

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

.hero-left{
    position:relative;
    z-index:20;
    padding-left:20px;
}

.subtitle{
    display:block;
    margin-bottom:22px;
    color:#7c3aed;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
}

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

.hero-left h1{
    position:relative;
    margin:0;
    color:#171522;
    font-size:96px;
    line-height:.95;
    font-weight:800;
    letter-spacing:-3px;
}

.purple{
    display:block;
    color:#6334e8;
    font-weight:800;
}

.heart{
    color:#7c3aed;
    font-size:.35em;
    vertical-align:top;
    margin-left:8px;
}

/*==================================================
        DESCRIPCIÓN
==================================================*/

.hero-left p{
    max-width:570px;
    margin-top:30px;
    color:#686776;
    font-size:20px;
    line-height:1.65;
}

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

.hero-buttons{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:38px;
}

/* BOTÓN PRINCIPAL */

.btn-main{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;

    padding:17px 28px;

    min-width:245px;

    border-radius:10px;

    background:linear-gradient(
        135deg,
        #ffad19,
        #ff9410
    );

    color:#fff !important;

    text-decoration:none;

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

    letter-spacing:.2px;

    box-shadow:
        0 12px 28px rgba(255,155,15,.25);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.btn-main span{
    color:#fff !important;
}

.btn-main i{
    color:#fff;
    font-size:13px;
    transition:.3s;
}

.btn-main:hover{
    transform:translateY(-3px);

    box-shadow:
        0 18px 35px rgba(255,155,15,.35);
}

.btn-main:hover i{
    transform:translateX(5px);
}

/*==================================================
        BOTÓN SECUNDARIO
==================================================*/

.btn-secondary{
    position:relative;

    display:inline-flex;
    align-items:center;

    padding:16px 2px;

    color:#30226d !important;

    text-decoration:none;

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

    text-transform:uppercase;

    transition:.3s;
}

.btn-secondary::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:10px;

    height:2px;

    background:#6334e8;

    transition:.3s;
}

.btn-secondary:hover{
    color:#6334e8 !important;
}

.btn-secondary:hover::after{
    transform:scaleX(.65);
    transform-origin:left;
}

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

.hero-right{
    position:relative;

    height:760px;

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

    z-index:5;
}

/*==================================================
        MODELO
==================================================*/

.hero-right img{
    position:relative;

    z-index:10;

    height:720px;
    width:auto;
    max-width:none;

    object-fit:contain;

    filter:
        drop-shadow(
            0 25px 35px rgba(30,20,70,.16)
        );

    user-select:none;
    pointer-events:none;
}

/*==================================================
        CÍRCULO DETRÁS DE LA MODELO
==================================================*/

.circle{
    position:absolute;

    width:590px;
    height:590px;

    border-radius:50%;

    background:
        rgba(174,145,255,.22);

    border:
        1px solid rgba(126,82,235,.10);

    z-index:1;
}

/*==================================================
        GLOW
==================================================*/

.blur{
    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

    background:
        rgba(172,132,255,.35);

    filter:blur(90px);

    z-index:0;
}

/*==================================================
        BOTÓN MÓVIL
==================================================*/

.btn-mobile{
    display:none;
}


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

@media(max-width:1400px){

    .hero-content{
        width:94%;
        grid-template-columns:48% 52%;
    }

    .hero-left h1{
        font-size:78px;
    }

    .hero-left p{
        font-size:18px;
        max-width:500px;
    }

    .hero-right{
        height:700px;
    }

    .hero-right img{
        height:670px;
    }

    .circle{
        width:540px;
        height:540px;
    }

    .blur{
        width:420px;
        height:420px;
    }
}


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

@media(max-width:1100px){

    .hero{
        padding:80px 0 40px;
    }

    .hero-content{
        grid-template-columns:1fr;
        gap:20px;
        text-align:center;
    }

    .hero-left{
        display:flex;
        flex-direction:column;
        align-items:center;
        padding-left:0;
    }

    .hero-left h1{
        font-size:70px;
    }

    .hero-left p{
        max-width:650px;
    }

    .hero-buttons{
        justify-content:center;
    }

    .hero-right{
        height:600px;
        margin-top:-20px;
    }

    .hero-right img{
        height:600px;
    }

    .circle{
        width:480px;
        height:480px;
    }

    .blur{
        width:380px;
        height:380px;
    }
}


/*==================================================
        TABLET PEQUEÑA
==================================================*/

@media(max-width:768px){

    .hero{
        min-height:auto;

        padding:
            35px
            0
            0;
    }

    .hero-content{
        width:92%;
        display:flex;
        flex-direction:column;
        gap:0;
    }

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

    .hero-left{
        width:100%;
        text-align:center;

        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .subtitle{
        font-size:11px;
        letter-spacing:2px;
        margin-bottom:12px;
    }

    .hero-left h1{
        font-size:52px;
        line-height:1;
        letter-spacing:-1px;
    }

    .hero-left p{
        max-width:340px;

        margin-top:20px;

        font-size:16px;
        line-height:1.55;
    }

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

    .hero-buttons{
        display:none;
    }

    /*==========================
            MODELO
    ==========================*/

    .hero-right{
        width:100%;
        height:500px;

        margin-top:-10px;

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

    .hero-right img{
        height:auto;
        width:auto;

        max-width:100%;
        max-height:500px;

        object-fit:contain;
    }

    .circle{
        width:350px;
        height:350px;
    }

    .blur{
        width:280px;
        height:280px;

        filter:blur(65px);
    }

    /*==========================
        BOTÓN MÓVIL
    ==========================*/

    .btn-mobile{
        display:flex;

        position:absolute;

        left:50%;
        bottom:20px;

        transform:translateX(-50%);

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

        min-width:0;

        padding:16px 18px;

        z-index:100;

        font-size:13px;
    }

    .btn-mobile:hover{
        transform:translateX(-50%) translateY(-3px);
    }
}


/*==================================================
        CELULARES PEQUEÑOS
==================================================*/

@media(max-width:480px){

    .hero{
        padding-top:25px;
    }

    .hero-content{
        width:90%;
    }

    .subtitle{
        font-size:10px;
        letter-spacing:1.8px;
    }

    .hero-left h1{
        font-size:44px;
    }

    .hero-left p{
        max-width:310px;
        font-size:15px;
        line-height:1.55;
    }

    .hero-right{
        height:440px;
        margin-top:0;
    }

    .hero-right img{
        max-height:440px;
        max-width:100%;
    }

    .circle{
        width:300px;
        height:300px;
    }

    .blur{
        width:240px;
        height:240px;
    }

    .btn-mobile{
        width:92%;
        padding:15px 14px;
        font-size:12px;
    }

    .btn-mobile i{
        font-size:12px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34e11b8 *//*==================================================
        FEATURES — ONIGISHI
==================================================*/

.features{

    position:relative;

    width:100%;

    padding:105px 0 90px;

    background:#ffffff;

    overflow:hidden;

}


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

.features-container{

    position:relative;

    width:90%;

    max-width:1250px;

    margin:0 auto;

    z-index:5;

}


/*==================================================
        NÚMERO 03
==================================================*/

.features-number{

    position:absolute;

    left:30px;

    top:25px;

    font-family:Arial,sans-serif;

    font-size:95px;

    line-height:1;

    font-weight:300;

    color:transparent;

    -webkit-text-stroke:
        2px rgba(103,67,235,.12);

    opacity:.8;

    z-index:2;

    pointer-events:none;

}


/*==================================================
        PATRÓN DE PUNTOS
==================================================*/

.features-dots{

    position:absolute;

    right:-20px;

    top:-20px;

    width:330px;

    height:270px;

    opacity:.55;

    background-image:
        radial-gradient(
            circle,
            rgba(110,72,235,.18) 3px,
            transparent 4px
        );

    background-size:27px 27px;

    mask-image:
        linear-gradient(
            to bottom left,
            black 10%,
            transparent 90%
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom left,
            black 10%,
            transparent 90%
        );

    z-index:1;

    pointer-events:none;

}


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

.section-title{

    position:relative;

    text-align:center;

    margin-bottom:48px;

    z-index:5;

}


.section-kicker{

    display:block;

    margin-bottom:10px;

    color:#7950e8;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}


.section-title h2{

    margin:0;

    color:#11144c;

    font-size:36px;

    line-height:1.2;

    font-weight:800;

    text-transform:uppercase;

}


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

.features-grid{

    display:grid;

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

    gap:18px;

    align-items:stretch;

}


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

.feature-card{

    min-height:330px;

    padding:
        38px
        24px
        30px;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

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

    border-radius:20px;

    border:
        1px solid rgba(235,232,250,.7);

    box-shadow:
        0 12px 35px
        rgba(60,45,120,.07);

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

}


/*==================================================
        HOVER
==================================================*/

.feature-card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 20px 45px
        rgba(95,65,190,.14);

}


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

.feature-icon{

    width:68px;

    height:68px;

    margin-bottom:28px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:
        rgba(116,73,235,.04);

    color:#7138ed;

    font-size:34px;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;

}


.feature-card:hover .feature-icon{

    transform:scale(1.08);

    background:#7138ed;

    color:#fff;

}


/*==================================================
        TÍTULO DE CARD
==================================================*/

.feature-card h3{

    margin:0;

    min-height:48px;

    color:#11144c;

    font-size:16px;

    line-height:1.35;

    font-weight:800;

    text-transform:uppercase;

}


/*==================================================
        DESCRIPCIÓN
==================================================*/

.feature-card p{

    margin:
        16px
        0
        0;

    max-width:180px;

    color:#77768a;

    font-size:14px;

    line-height:1.65;

}


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

@media(max-width:1100px){

    .features{

        padding:90px 0 75px;

    }

    .features-container{

        width:92%;

    }

    .features-grid{

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

        gap:18px;

    }

    .feature-card{

        min-height:300px;

    }

    .section-title h2{

        font-size:32px;

    }

}


/*==================================================
        TABLET PEQUEÑA
==================================================*/

@media(max-width:768px){

    .features{

        padding:
            75px
            0
            65px;

    }

    .features-container{

        width:90%;

    }

    .features-number{

        left:5px;

        top:10px;

        font-size:75px;

    }

    .features-dots{

        width:220px;

        height:190px;

        right:-70px;

        top:-20px;

        background-size:22px 22px;

    }

    .section-title{

        margin-bottom:38px;

        padding:
            0
            15px;

    }

    .section-kicker{

        font-size:12px;

    }

    .section-title h2{

        font-size:27px;

    }

    .features-grid{

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

        gap:15px;

    }

    .feature-card{

        min-height:285px;

        padding:
            30px
            18px
            25px;

    }

    .feature-icon{

        width:60px;

        height:60px;

        margin-bottom:22px;

        font-size:28px;

    }

    .feature-card h3{

        font-size:14px;

    }

    .feature-card p{

        font-size:13px;

        line-height:1.55;

    }

}


/*==================================================
        CELULARES
==================================================*/

@media(max-width:520px){

    .features{

        padding:
            65px
            0
            55px;

    }

    .features-number{

        left:-5px;

        top:5px;

        font-size:62px;

    }

    .features-dots{

        width:170px;

        height:150px;

        right:-55px;

        top:-10px;

        background-size:18px 18px;

    }

    .section-title{

        margin-bottom:30px;

    }

    .section-kicker{

        font-size:10px;

        letter-spacing:.8px;

    }

    .section-title h2{

        font-size:23px;

        line-height:1.25;

    }

    .features-grid{

        grid-template-columns:1fr;

        gap:14px;

    }

    .feature-card{

        width:100%;

        min-height:0;

        padding:
            28px
            20px;

    }

    .feature-icon{

        width:58px;

        height:58px;

        font-size:26px;

        margin-bottom:18px;

    }

    .feature-card h3{

        min-height:auto;

        font-size:15px;

    }

    .feature-card p{

        max-width:250px;

        margin-top:10px;

        font-size:13px;

    }

}


/*==================================================
        CELULARES MUY PEQUEÑOS
==================================================*/

@media(max-width:380px){

    .section-title h2{

        font-size:21px;

    }

    .features-number{

        font-size:55px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47ccab3 *//*==================================================
        PREVIEW / GALERÍA ONIGISHI
==================================================*/

.preview-section{

    position:relative;

    width:100%;

    padding:90px 0;

    background:#f7f7ff;

    overflow:hidden;

}


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

.preview-container{

    width:90%;

    max-width:1250px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        32%
        68%;

    align-items:center;

    gap:35px;

}


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

.preview-title{

    position:relative;

    z-index:5;

    padding-left:25px;

}


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

.preview-title h2{

    margin:0;

    color:#11144c;

    font-size:34px;

    line-height:1.25;

    font-weight:800;

    text-transform:uppercase;

}


/*==================================================
        LÍNEA DECORATIVA
==================================================*/

.preview-title h2::after{

    content:"";

    display:block;

    width:120px;

    height:3px;

    margin-top:18px;

    background:#7a3ff0;

}


/*==================================================
        DESCRIPCIÓN
==================================================*/

.preview-title p{

    max-width:330px;

    margin:
        25px
        0
        30px;

    color:#77768a;

    font-size:15px;

    line-height:1.7;

}


/*==================================================
        BOTÓN
==================================================*/

.preview-button{

    margin-top:5px;

}


.preview-button a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:30px;

    padding:
        15px
        25px;

    min-width:245px;

    border-radius:9px;

    background:
        linear-gradient(
            135deg,
            #ffad19,
            #ff9410
        );

    color:#fff !important;

    text-decoration:none;

    font-size:13px;

    font-weight:800;

    text-transform:uppercase;

    box-shadow:
        0 12px 25px
        rgba(255,155,15,.22);

    transition:.35s;

}


.preview-button a i{

    color:#fff;

    transition:.3s;

}


.preview-button a:hover{

    transform:translateY(-3px);

    box-shadow:
        0 18px 35px
        rgba(255,155,15,.32);

}


.preview-button a:hover i{

    transform:translateX(6px);

}


/*==================================================
        GALERÍA COLLAGE
==================================================*/

.preview-gallery{

    width:100%;

    display:grid;

    grid-template-columns:
        1.35fr
        1fr
        1fr;

    grid-template-rows:
        1fr
        1fr;

    gap:14px;

    height:365px;

}


/*==================================================
        CARDS
==================================================*/

.preview-card{

    position:relative;

    overflow:hidden;

    border-radius:12px;

    background:#eee;

    cursor:pointer;

}


.preview-card img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    filter:blur(6px);

    transform:scale(1.04);

    transition:
        transform .45s ease,
        filter .45s ease;

}


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

.preview-main{

    grid-column:1;

    grid-row:
        1 / 3;

}


/*==================================================
        IMÁGENES PEQUEÑAS
==================================================*/

.preview-small:nth-child(2){

    grid-column:2;

    grid-row:1;

}


.preview-small:nth-child(3){

    grid-column:3;

    grid-row:1;

}


.preview-small:nth-child(4){

    grid-column:2;

    grid-row:2;

}


.preview-small:nth-child(5){

    grid-column:3;

    grid-row:2;

}


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

.preview-overlay{

    position:absolute;

    inset:0;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
        rgba(10,10,20,.08);

    z-index:2;

    transition:.35s;

}


.preview-overlay i{

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#fff;

    font-size:22px;

    background:
        rgba(30,25,45,.45);

    border:
        1px solid
        rgba(255,255,255,.35);

    backdrop-filter:blur(10px);

    -webkit-backdrop-filter:blur(10px);

}


/*==================================================
        HOVER
==================================================*/

.preview-card:hover img{

    transform:scale(1.1);

    filter:blur(7px);

}


.preview-card:hover .preview-overlay{

    background:
        rgba(90,55,180,.12);

}


.preview-card:hover .preview-overlay i{

    transform:scale(1.08);

    background:
        rgba(111,63,220,.65);

}


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

@media(max-width:1100px){

    .preview-container{

        grid-template-columns:
            1fr;

        gap:45px;

    }

    .preview-title{

        padding-left:0;

        text-align:center;

        display:flex;

        flex-direction:column;

        align-items:center;

    }

    .preview-title p{

        max-width:550px;

    }

    .preview-gallery{

        height:430px;

    }

}


/*==================================================
        TABLET PEQUEÑA
==================================================*/

@media(max-width:768px){

    .preview-section{

        padding:70px 0;

    }

    .preview-container{

        width:90%;

        gap:35px;

    }

    .preview-title h2{

        font-size:30px;

    }

    .preview-title p{

        font-size:14px;

        max-width:450px;

    }

    .preview-gallery{

        height:400px;

        gap:10px;

    }

    .preview-overlay i{

        width:52px;

        height:52px;

        font-size:19px;

    }

}


/*==================================================
        MÓVIL
==================================================*/

@media(max-width:520px){

    .preview-section{

        padding:60px 0;

    }

    .preview-container{

        width:92%;

    }

    .preview-title{

        text-align:left;

        align-items:flex-start;

    }

    .preview-title h2{

        font-size:26px;

    }

    .preview-title h2::after{

        margin-top:14px;

    }

    .preview-title p{

        font-size:14px;

        line-height:1.6;

        margin:
            20px
            0
            25px;

    }

    .preview-gallery{

        height:430px;

        grid-template-columns:
            1fr
            1fr;

        grid-template-rows:
            230px
            190px;

        gap:9px;

    }

    .preview-main{

        grid-column:
            1 / 3;

        grid-row:1;

    }

    .preview-small:nth-child(2){

        grid-column:1;

        grid-row:2;

    }

    .preview-small:nth-child(3){

        grid-column:2;

        grid-row:2;

    }

    .preview-small:nth-child(4),
    .preview-small:nth-child(5){

        display:none;

    }

    .preview-button{

        width:100%;

    }

    .preview-button a{

        width:100%;

        box-sizing:border-box;

        padding:16px 20px;

    }

}


/*==================================================
        MÓVIL PEQUEÑO
==================================================*/

@media(max-width:380px){

    .preview-title h2{

        font-size:23px;

    }

    .preview-gallery{

        height:390px;

        grid-template-rows:
            210px
            170px;

    }

    .preview-button a{

        font-size:12px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be7cab5 *//*==================================================
        CTA FINAL — ONIGISHI
==================================================*/

.final-cta{

    position:relative;

    width:100%;

    min-height:320px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    background:
        linear-gradient(
            100deg,
            #f8f8ff 0%,
            #f2efff 100%
        );

}


/*==================================================
        NÚMERO 05
==================================================*/

.cta-number{

    position:absolute;

    left:45px;

    top:25px;

    font-size:92px;

    line-height:1;

    font-weight:300;

    color:transparent;

    -webkit-text-stroke:
        2px rgba(116,76,235,.10);

    opacity:.9;

    pointer-events:none;

    z-index:1;

}


/*==================================================
        PUNTOS
==================================================*/

.cta-dots{

    position:absolute;

    right:-10px;

    bottom:-10px;

    width:310px;

    height:190px;

    opacity:.55;

    background-image:
        radial-gradient(
            circle,
            rgba(116,76,235,.18) 3px,
            transparent 4px
        );

    background-size:25px 25px;

    mask-image:
        linear-gradient(
            to left,
            black,
            transparent
        );

    -webkit-mask-image:
        linear-gradient(
            to left,
            black,
            transparent
        );

    z-index:1;

}


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

.cta-content{

    position:relative;

    z-index:5;

    width:100%;

    max-width:800px;

    text-align:center;

    padding:
        55px
        300px
        55px
        80px;

}


/*==================================================
        KICKER
==================================================*/

.cta-kicker{

    display:block;

    margin-bottom:12px;

    color:#7241e8;

    font-size:13px;

    font-weight:800;

    letter-spacing:.5px;

    text-transform:uppercase;

}


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

.cta-content h2{

    margin:0;

    color:#11144c;

    font-size:32px;

    line-height:1.2;

    font-weight:800;

    text-transform:uppercase;

}


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

.cta-content p{

    margin:
        12px
        auto
        25px;

    color:#77768a;

    font-size:14px;

    line-height:1.6;

}


/*==================================================
        BOTÓN
==================================================*/

.cta-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:30px;

    min-width:220px;

    padding:
        15px
        28px;

    border-radius:9px;

    background:
        linear-gradient(
            135deg,
            #ffad19,
            #ff9410
        );

    color:#fff !important;

    text-decoration:none;

    font-size:13px;

    font-weight:800;

    text-transform:uppercase;

    box-shadow:
        0 12px 25px
        rgba(255,155,15,.22);

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

}


.cta-button span{

    color:#fff !important;

}


.cta-button i{

    color:#fff;

    transition:.3s;

}


.cta-button:hover{

    transform:translateY(-3px);

    box-shadow:
        0 18px 35px
        rgba(255,155,15,.32);

}


.cta-button:hover i{

    transform:translateX(6px);

}


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

.cta-image{

    position:absolute;

    right:7%;

    bottom:0;

    width:360px;

    height:100%;

    display:flex;

    align-items:flex-end;

    justify-content:center;

    z-index:4;

}


.cta-image img{

    width:100%;

    height:100%;

    object-fit:contain;

    object-position:center bottom;

    display:block;

    opacity:.72;

}


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

@media(max-width:1100px){

    .cta-content{

        padding:
            55px
            300px
            55px
            50px;

    }

    .cta-image{

        right:2%;

        width:300px;

    }

    .cta-content h2{

        font-size:29px;

    }

}


/*==================================================
        TABLET PEQUEÑA
==================================================*/

@media(max-width:768px){

    .final-cta{

        min-height:430px;

    }

    .cta-number{

        left:20px;

        top:20px;

        font-size:70px;

    }

    .cta-content{

        width:90%;

        max-width:none;

        padding:
            60px
            20px
            230px;

    }

    .cta-content h2{

        font-size:27px;

    }

    .cta-content p{

        max-width:430px;

        font-size:14px;

    }

    .cta-image{

        right:50%;

        transform:translateX(50%);

        width:270px;

        height:230px;

    }

    .cta-image img{

        opacity:.55;

    }

    .cta-dots{

        width:180px;

        height:130px;

        background-size:19px 19px;

    }

}


/*==================================================
        MÓVIL
==================================================*/

@media(max-width:520px){

    .final-cta{

        min-height:450px;

    }

    .cta-number{

        left:10px;

        top:15px;

        font-size:60px;

    }

    .cta-content{

        padding:
            55px
            15px
            235px;

    }

    .cta-kicker{

        font-size:10px;

        letter-spacing:.4px;

    }

    .cta-content h2{

        font-size:23px;

        line-height:1.25;

    }

    .cta-content p{

        max-width:310px;

        font-size:13px;

        line-height:1.55;

        margin-bottom:22px;

    }

    .cta-button{

        width:210px;

        min-width:0;

        padding:
            15px
            20px;

        font-size:12px;

    }

    .cta-image{

        width:250px;

        height:220px;

    }

    .cta-image img{

        opacity:.5;

    }

    .cta-dots{

        right:-50px;

        bottom:-20px;

        width:180px;

        height:120px;

        background-size:17px 17px;

    }

}


/*==================================================
        MÓVIL PEQUEÑO
==================================================*/

@media(max-width:380px){

    .final-cta{

        min-height:430px;

    }

    .cta-content{

        padding-bottom:220px;

    }

    .cta-content h2{

        font-size:21px;

    }

    .cta-image{

        width:225px;

        height:205px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5c33a3 *//*=========================================
        SOCIALS — ONIGISHI
=========================================*/

.socials-section{

    position:relative;

    width:100%;

    padding:90px 0;

    background:#ffffff;

    overflow:hidden;

}


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

.socials-title{

    text-align:center;

    margin-bottom:50px;

}


.socials-title > span{

    display:block;

    margin-bottom:8px;

    color:#7950e8;

    font-size:12px;

    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;

}


.socials-title h2{

    margin:0;

    color:#11144c;

    font-size:38px;

    line-height:1.2;

    font-weight:700;

}


.socials-title strong{

    color:#7241e8;

    font-weight:800;

}


/*=========================================
        LÍNEA DECORATIVA
=========================================*/

.socials-title h2::after{

    content:"";

    display:block;

    width:75px;

    height:3px;

    margin:14px auto 0;

    background:#7241e8;

    border-radius:20px;

}


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

.socials-grid{

    width:90%;

    max-width:1250px;

    margin:0 auto;

    display:grid;

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

    gap:20px;

}


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

.social-card{

    position:relative;

    min-height:270px;

    padding:
        35px
        25px
        28px;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    background:#fff;

    border:
        1px solid #eeeefa;

    border-radius:20px;

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

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

}


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

.social-card:hover{

    transform:translateY(-8px);

    border-color:
        rgba(114,65,232,.15);

    box-shadow:
        0 20px 45px
        rgba(95,65,190,.14);

}


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

.social-icon{

    width:72px;

    height:72px;

    margin-bottom:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#faf8ff;

    color:#7241e8;

    font-size:34px;

    transition:
        transform .35s ease,
        background .35s ease,
        color .35s ease,
        box-shadow .35s ease;

}


/*=========================================
        ICONOS ESPECÍFICOS
=========================================*/

.social-icon.instagram{

    color:#e4405f;

}


.social-icon.tiktok{

    color:#111;

}


.social-icon.youtube{

    color:#ff0000;

}


.social-icon.onlyfans{

    color:#7241e8;

}


/* ONLYFANS */

.social-icon.onlyfans span{

    font-size:21px;

    font-weight:900;

    letter-spacing:-1px;

}


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

.social-card:hover .social-icon{

    transform:
        translateY(-4px)
        scale(1.08);

    background:#7241e8;

    color:#fff;

    box-shadow:
        0 10px 25px
        rgba(114,65,232,.22);

}


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

.social-card h3{

    margin:0 0 8px;

    color:#18182d;

    font-size:19px;

    font-weight:800;

    line-height:1.3;

    text-transform:uppercase;

}


/*=========================================
        DESCRIPCIÓN
=========================================*/

.social-card p{

    margin:0 0 25px;

    color:#88879a;

    font-size:14px;

    line-height:1.5;

}


/*=========================================
        BOTÓN
=========================================*/

.social-card a{

    margin-top:auto;

    width:100%;

    box-sizing:border-box;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:
        13px
        18px;

    border:
        1.5px solid #dccbff;

    border-radius:12px;

    background:#fff;

    color:#7241e8 !important;

    text-decoration:none;

    font-size:12px;

    font-weight:800;

    letter-spacing:.5px;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease;

}


/*=========================================
        HOVER BOTÓN
=========================================*/

.social-card:hover a{

    background:#7241e8;

    border-color:#7241e8;

    color:#fff !important;

}


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

@media(max-width:1100px){

    .socials-grid{

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

        gap:18px;

    }

    .social-card{

        min-height:260px;

    }

}


/*=========================================
        TABLET PEQUEÑA
=========================================*/

@media(max-width:768px){

    .socials-section{

        padding:
            70px
            0;

    }

    .socials-title{

        margin-bottom:38px;

    }

    .socials-title h2{

        font-size:32px;

    }

    .socials-grid{

        width:90%;

        gap:15px;

    }

    .social-card{

        min-height:245px;

        padding:
            28px
            18px
            22px;

    }

    .social-icon{

        width:62px;

        height:62px;

        font-size:29px;

    }

    .social-card h3{

        font-size:16px;

    }

}


/*=========================================
        MÓVIL
=========================================*/

@media(max-width:520px){

    .socials-section{

        padding:
            60px
            0;

    }

    .socials-title{

        margin-bottom:30px;

    }

    .socials-title > span{

        font-size:10px;

        letter-spacing:1px;

    }

    .socials-title h2{

        font-size:25px;

    }

    .socials-grid{

        width:90%;

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

        gap:12px;

    }

    .social-card{

        min-height:225px;

        padding:
            24px
            14px
            18px;

        border-radius:16px;

    }

    .social-icon{

        width:55px;

        height:55px;

        margin-bottom:15px;

        font-size:25px;

    }

    .social-icon.onlyfans span{

        font-size:17px;

    }

    .social-card h3{

        font-size:14px;

        margin-bottom:5px;

    }

    .social-card p{

        font-size:12px;

        margin-bottom:18px;

    }

    .social-card a{

        padding:
            11px
            10px;

        font-size:10px;

        border-radius:9px;

    }

}


/*=========================================
        MÓVIL MUY PEQUEÑO
=========================================*/

@media(max-width:360px){

    .socials-grid{

        gap:10px;

    }

    .social-card{

        padding:
            20px
            10px
            15px;

    }

    .social-icon{

        width:50px;

        height:50px;

        font-size:22px;

    }

    .social-card h3{

        font-size:12px;

    }

    .social-card p{

        font-size:11px;

    }

    .social-card a{

        font-size:9px;

    }

}/* End custom CSS */