.elementor-197 .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-197 .elementor-element.elementor-element-96e2564:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-96e2564 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-197 .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-197 .elementor-element.elementor-element-4e76ceb:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-4e76ceb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-197 .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-197 .elementor-element.elementor-element-1be3fde:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-1be3fde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-197 .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-197 .elementor-element.elementor-element-11d5416:not(.elementor-motion-effects-element-type-background), .elementor-197 .elementor-element.elementor-element-11d5416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-197 .elementor-element.elementor-element-1be3fde{--content-width:1600px;}}@media(max-width:1024px){.elementor-197 .elementor-element.elementor-element-96e2564{--grid-auto-flow:row;}.elementor-197 .elementor-element.elementor-element-4e76ceb{--grid-auto-flow:row;}.elementor-197 .elementor-element.elementor-element-1be3fde{--grid-auto-flow:row;}.elementor-197 .elementor-element.elementor-element-11d5416{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-197 .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-197 .elementor-element.elementor-element-b7bb47b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-197 .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-197 .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-197 .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 *//*==================================================
RESET
==================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:Inter,sans-serif;

    background:#fff;

    color:#222;

    overflow-x:hidden;

}

/*==================================================
HERO
==================================================*/

.hero{

    width:100%;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    overflow:hidden;

    background:#fff;

}

.hero-content{

    width:95%;

    max-width:1700px;

    margin:auto;

    display:grid;

    grid-template-columns:48% 52%;

    align-items:center;

    gap:20px;

}

/*==================================================
LEFT
==================================================*/

.hero-left{

    position:relative;

    z-index:20;

}

.subtitle{

    display:block;

    color:#8A7B73;

    text-transform:uppercase;

    letter-spacing:3px;

    font-size:15px;

    margin-bottom:24px;

    font-weight:500;

}

.hero-left h1{

    font-size:92px;

    line-height:1;

    font-weight:800;

    color:#111;

}

.purple{

    display:block;

    color:#B38BFF;

}

.heart{

    color:#B38BFF;

    font-size:.42em;

    vertical-align:top;

    margin-left:8px;

}

.hero-left p{

    margin-top:38px;

    max-width:580px;

    font-size:29px;

    line-height:1.65;

    color:#666;

}

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

.hero-buttons{

    margin-top:48px;

    display:flex;

    gap:18px;

}

.btn-main{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:22px 34px;

    border-radius:16px;

    text-decoration:none;

    background:linear-gradient(135deg,#B78DFF,#8E63FF);

    color:#fff;

    font-weight:700;

    font-size:17px;

    transition:.35s;

    box-shadow:0 18px 45px rgba(181,140,255,.30);

}

.btn-main span{

    color:#fff;

}

.btn-main i{

    color:#FFB400;

    font-size:22px;

}

.btn-main:hover{

    transform:translateY(-4px);

}

/* Botón que solo aparecerá en móvil */

.btn-mobile{

    display:none;

}


/*==================================================
RIGHT
==================================================*/

.hero-right{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:flex-end;

    height:900px;

}

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

.hero-right img{

    position:relative;

    height:900px;

    width:auto;

    z-index:20;

    filter:drop-shadow(0 28px 45px rgba(0,0,0,.22));

    user-select:none;

    pointer-events:none;

}

/*======================================
            CÍRCULO
======================================*/

.circle{

    position:absolute;

    width:720px;

    height:720px;

    border-radius:50%;

    border:2px solid rgba(179,140,255,.22);

    z-index:2;

}

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

.blur{

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

    background:#DCC7FF;

    opacity:.45;

    filter:blur(110px);

    z-index:1;

}

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

.btn-mobile{

    display:none;

    align-items:center;

    justify-content:center;

    gap:12px;

    width:100%;

    max-width:330px;

    padding:18px 24px;

    margin-top:-45px;

    border-radius:16px;

    background:linear-gradient(135deg,#B78DFF,#8E63FF);

    color:#fff;

    text-decoration:none;

    font-size:16px;

    font-weight:700;

    position:relative;

    z-index:100;

    box-shadow:0 18px 45px rgba(181,140,255,.28);

}

.btn-mobile span{

    color:#fff;

}

.btn-mobile i{

    color:#FFB400;

    font-size:22px;

}

.btn-mobile:hover{

    transform:translateY(-4px);

}


/*==================================================
            HERO STATS
==================================================*/

.hero-stats{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    bottom:35px;

    width:92%;

    max-width:1350px;

    background:#fff;

    border-radius:22px;

    padding:28px 20px;

    display:grid;

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

    gap:10px;

    box-shadow:0 18px 50px rgba(0,0,0,.08);

    border:1px solid rgba(235,235,235,.9);

    z-index:50;

}

/*======================================
            ITEM
======================================*/

.stat-item{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    min-height:80px;

}

.stat-item:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;

    top:50%;

    transform:translateY(-50%);

    width:1px;

    height:65px;

    background:#ECECEC;

}

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

.stat-icon{

    width:58px;

    height:58px;

    border-radius:50%;

    background:#F6F1FF;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#B38BFF;

    font-size:24px;

    flex-shrink:0;

}

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

.stat-text{

    display:flex;

    flex-direction:column;

}

.stat-text h3{

    font-size:34px;

    font-weight:800;

    color:#222;

    line-height:1;

    margin:0;

}

.stat-text span{

    margin-top:8px;

    color:#777;

    font-size:15px;

    line-height:1.4;

}


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

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

@media (max-width:1400px){

.hero-content{

    width:92%;

    grid-template-columns:48% 52%;

}

.hero-left h1{

    font-size:74px;

}

.hero-left p{

    font-size:24px;

}

.hero-right{

    height:760px;

}

.hero-right img{

    height:760px;

}

.circle{

    width:620px;
    height:620px;

}

.blur{

    width:450px;
    height:450px;

}

.hero-stats{

    max-width:1200px;

}

}

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

@media (max-width:1200px){

.hero{

    padding:90px 0;

}

.hero-content{

    grid-template-columns:1fr;

    text-align:center;

    gap:45px;

}

.hero-left{

    display:flex;

    flex-direction:column;

    align-items:center;

}

.hero-left h1{

    font-size:64px;

}

.hero-left p{

    max-width:700px;

    margin-top:30px;

    font-size:23px;

}

.hero-buttons{

    justify-content:center;

}

.hero-right{

    height:auto;

    margin-top:10px;

}

.hero-right img{

    width:100%;

    max-width:500px;

    height:auto;

}

.circle{

    width:450px;

    height:450px;

}

.blur{

    width:380px;

    height:380px;

}

.hero-stats{

    position:relative;

    left:auto;

    transform:none;

    bottom:auto;

    width:92%;

    margin:40px auto 0;

}

}

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

@media (max-width:992px){

.hero-left h1{

    font-size:54px;

}

.hero-left p{

    font-size:20px;

    line-height:1.7;

}

.btn-main{

    width:100%;

    max-width:420px;

    justify-content:center;

}

.hero-right img{

    max-width:430px;

}

.circle{

    width:390px;

    height:390px;

}

.blur{

    width:320px;

    height:320px;

}

.hero-stats{

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

    gap:25px;

}

.stat-item::after{

    display:none;

}

}


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

@media (max-width:768px){

.hero{

    min-height:auto;

    padding:30px 0 0;

}

.hero-content{

    width:92%;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:0;

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

.subtitle{

    font-size:11px;

    margin-bottom:8px;

}

.hero-left{

    width:100%;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

}

.hero-left h1{

    font-size:42px;

    line-height:1.05;

}

.hero-left p{

    max-width:320px;

    font-size:17px;

    line-height:1.55;

    margin:0;

    position:relative;

    top:-40px;

}

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

/* Oculta el botón de escritorio */

.hero-buttons{

    display:none;

}

/* Muestra el botón debajo de la modelo */

.btn-mobile{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    width:90%;

    max-width:320px;

    padding:18px 20px;

    position:absolute;

    left:50%;

    bottom:45px;

    transform:translateX(-50%);

    z-index:50;

}

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

.hero-right{

    position:relative;

    width:100%;

    height:455px;

    display:flex;

    justify-content:center;

    align-items:flex-end;

    margin-top:-60px;

}
.hero-right img{

    position:relative;

    width:auto;

    max-width:265px;

    height:auto;

    z-index:5;

}

.circle{

    width:310px;

    height:310px;

}

.blur{

    width:260px;

    height:260px;

    filter:blur(60px);

}

/*==========================
STATS
==========================*/

.hero-stats{

    position:relative;

    left:auto;

    bottom:auto;

    transform:none;

    width:92%;

    margin:55px auto 0;

    display:grid;

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

    gap:18px;

}
.stat-item{

    justify-content:flex-start;

}

.stat-item::after{

    display:none !important;

}

}

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

@media (max-width:480px){

.hero-left h1{

    font-size:36px;

}

.hero-left p{

    font-size:16px;

}

.hero-right{

    margin-top:-10px;

}

.hero-right img{

    max-width:260px;

}

.circle{

    width:240px;

    height:240px;

}

.blur{

    width:220px;

    height:220px;

}

.btn-mobile{

    max-width:100%;

    padding:16px 18px;

    font-size:14px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34e11b8 *//*==================================================
    FEATURES
==================================================*/

.features{

    width:100%;
    padding:90px 0 70px;

}

.section-title{

    text-align:center;
    margin-bottom:55px;

}

.section-title h2{

    font-size:42px;
    font-weight:700;
    color:#202020;
    margin:0;

}

.section-title span{

    display:block;
    margin-top:8px;
    color:#C29CFF;
    font-size:18px;

}

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

.features-grid{

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

    margin:0 auto;

    display:grid;

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

    gap:8px;

    justify-items:center;

}

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

.feature-card{

    width:185px;

    text-align:center;

    padding:10px 8px;

    transition:.35s ease;

    border-radius:18px;

}

.feature-card:hover{

    transform:translateY(-6px);

}

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

.feature-icon{

    width:72px;
    height:72px;

    margin:0 auto;

    border-radius:50%;

    background:#FBF7FF;

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

    color:#B58CFF;

    font-size:30px;

    transition:.35s;

    box-shadow:0 12px 28px rgba(181,140,255,.12);

}

.feature-card:hover .feature-icon{

    background:#B58CFF;

    color:#fff;

    transform:scale(1.08);

}

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

.feature-card h3{

    margin-top:18px;

    font-size:18px;

    font-weight:700;

    color:#252525;

    line-height:1.3;

    min-height:46px;

}

/*==================================================
    DESCRIPCION
==================================================*/

.feature-card p{

    margin-top:8px;

    font-size:15px;

    color:#8E8E8E;

    line-height:1.4;

}

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

@media (max-width:1100px){

.features-grid{

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

    gap:30px;

}

.feature-card{

    width:220px;

}

}

@media (max-width:768px){

.features{

    padding:70px 0;

}

.section-title h2{

    font-size:34px;

}

.features-grid{

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

    gap:25px;

}

.feature-card{

    width:200px;

}

}

@media (max-width:520px){

.features-grid{

    grid-template-columns:1fr;

}

.feature-card{

    width:100%;

    max-width:260px;

}

.section-title h2{

    font-size:30px;

}

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

.preview-section{

    padding:90px 0;

}

.preview-container{

    width:92%;
    max-width:1450px;

    margin:auto;

    background:#fff;

    border-radius:28px;

    padding:60px;

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

}

/* TITULO */

.preview-title{

    text-align:center;

    margin-bottom:45px;

}

.preview-title h2{

    font-size:44px;

    font-weight:700;

    color:#202020;

    margin-bottom:10px;

}

.preview-title span{

    color:#B48DFF;

}

.preview-title p{

    color:#8B8B8B;

    font-size:20px;

}

/* GALERIA */

.preview-gallery{

    display:grid;

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

    gap:22px;

}

/* CARD */

.preview-card{

    position:relative;

    overflow:hidden;

    border-radius:18px;

    cursor:pointer;

}

.preview-card img{

    width:100%;

    display:block;

    border-radius:18px;

    transition:.35s;

    filter:blur(7px);

}

/* OVERLAY */

.preview-overlay{

    position:absolute;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(0,0,0,.08);

}

.preview-overlay i{

    width:82px;

    height:82px;

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

    backdrop-filter:blur(12px);

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:32px;

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

}

/* HOVER */

.preview-card:hover img{

    transform:scale(1.08);

}

.preview-card:hover .preview-overlay{

    background:rgba(0,0,0,.18);

}

/* BOTON */

.preview-button{

    text-align:center;

    margin-top:45px;

}

.preview-button a{

    display:inline-block;

    padding:20px 42px;

    border:2px solid #D7C2FF;

    border-radius:16px;

    color:#A47EFF;

    text-decoration:none;

    font-size:20px;

    font-weight:700;

    transition:.35s;

}

.preview-button a:hover{

    background:#A47EFF;

    color:#fff;

}

/* RESPONSIVE */

@media(max-width:1100px){

.preview-gallery{

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

}

}

@media(max-width:768px){

.preview-container{

padding:35px;

}

.preview-title h2{

font-size:34px;

}

.preview-title p{

font-size:16px;

}

.preview-gallery{

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

}

}

@media(max-width:500px){

.preview-gallery{

grid-template-columns:1fr;

}

.preview-button a{

width:100%;

}

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

.socials-section{

    width:100%;
    padding:90px 0;

}

.socials-title{

    text-align:center;
    margin-bottom:55px;

}

.socials-title h2{

    font-size:42px;
    font-weight:700;
    color:#222;

}

.socials-title span{

    color:#B58CFF;

}

/* GRID */

.socials-grid{

    width:95%;
    max-width:1700px;

    margin:auto;

    display:grid;

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

    gap:28px;

}

/* CARD */

.social-card{

    background:#fff;

    border-radius:22px;

    padding:35px 28px;

    text-align:center;

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

    transition:.35s;

    border:1px solid #f3f3f3;

}

.social-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(181,140,255,.18);

}

/* ICONO */

.social-card img{

    width:82px;
    height:82px;

    object-fit:contain;

    margin-bottom:22px;

}

/* TITULO */

.social-card h3{

    font-size:22px;

    font-weight:700;

    color:#222;

    margin-bottom:8px;

}

/* SEGUIDORES */

.social-card p{

    font-size:16px;

    color:#8B8B8B;

    margin-bottom:28px;

}

/* BOTON */

.social-card a{

    display:block;

    text-decoration:none;

    border:2px solid #E6DAFF;

    border-radius:14px;

    padding:16px;

    color:#222;

    font-weight:700;

    transition:.35s;

}

.social-card:hover a{

    background:#B58CFF;

    color:#fff;

    border-color:#B58CFF;

}

/* RESPONSIVE */

@media(max-width:1200px){

.socials-grid{

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

}

}

@media(max-width:768px){

.socials-grid{

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

}

.socials-title h2{

font-size:34px;

}

}

@media(max-width:520px){

.socials-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */