.elementor-10 .elementor-element.elementor-element-28a870e{--display:flex;}.elementor-10 .elementor-element.elementor-element-ae5aba9{--display:flex;}.elementor-10 .elementor-element.elementor-element-8d4572f{--display:flex;}.elementor-10 .elementor-element.elementor-element-93ccfa3{--display:flex;}.elementor-10 .elementor-element.elementor-element-9f4d7b2{--display:flex;}.elementor-10 .elementor-element.elementor-element-6a42785{--display:flex;}.elementor-10 .elementor-element.elementor-element-10ba9af{--display:flex;}.elementor-10 .elementor-element.elementor-element-2afa344{--display:flex;}.elementor-10 .elementor-element.elementor-element-b403be3{--display:flex;}.elementor-10 .elementor-element.elementor-element-6d1c078{--display:flex;}.elementor-10 .elementor-element.elementor-element-44524da{--display:flex;}.elementor-10 .elementor-element.elementor-element-3133b07{--display:flex;}body.elementor-page-10:not(.elementor-motion-effects-element-type-background), body.elementor-page-10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F0;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-58a4d69 */.hero{
position:relative;
min-height:100vh;
background:linear-gradient(135deg,#678484,#829bcb);
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
color:white;
padding:60px 0px;
overflow:visible;
border-radius: 55px;
}

.hero-logo{
margin-bottom:0px;
display:flex;
justify-content:center;
}

.hero-logo img{
width:220px;
height:auto;
opacity:0.95;
}


.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* contenido principal */

.hero-inner{
position:relative;
z-index:2;
max-width:900px;
margin:0 auto;
padding:0 20px;
}

.hero-title{
font-size:64px;
line-height:1.05;
font-weight:700;
margin-bottom:0px;
}

.hero-subtitle{
font-size:22px;
margin-bottom:40px;
opacity:0.9;
}

/* VSL */

.hero-vsl{
margin-top:20px;
display:flex;
justify-content:center;
}

.video-wrapper{
width:100%;
max-width:700px;
aspect-ratio:16/9;
border-radius:14px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,0.4);
}

.video-wrapper iframe{
width:100%;
height:100%;
}

/* cards */

.hero-cards{
position:absolute;
bottom:-120px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:30px;
z-index:5;
width:1100px;
max-width:90%;
margin-top:80px;
}

.hero-card{
flex:1;
background:rgba(227,221,198,0.9);
backdrop-filter:blur(10px);
padding:22px;
border-radius:18px;
text-align:left;
box-shadow:0 20px 40px rgba(0,0,0,0.15);
position:relative;
transition:0.3s;
}

.hero-card:hover{
transform:translateY(-6px);
}

.hero-card p{
font-size:14px;
margin-bottom:6px;
opacity:0.7;
color:#333;
}

.hero-card h3{
font-size:21px;
font-weight:600;
color:#222;
}

/* flechas */

.hero-arrow{
position:absolute;
bottom:18px;
right:18px;
width:40px;
height:40px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
color:white;
}

/* alternancia colores */

.hero-card:nth-child(1) .hero-arrow{
background:#829bcb;
}

.hero-card:nth-child(2) .hero-arrow{
background:#dd8250;
}

.hero-card:nth-child(3) .hero-arrow{
background:#678484;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db53bc0 */.problem-modern{
padding:100px 20px;
text-align:center;
}

.problem-modern-title{
font-size:54px;
line-height:1.15;
font-weight:700;
color:#dd8250;
margin-bottom:20px;
}

.problem-modern-subtitle{
font-size:20px;
max-width:720px;
margin:auto;
margin-bottom:80px;
color:#555;
line-height:1.6;
}


/* GRID */

.problem-modern-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:60px;
max-width:1100px;
margin:auto;
}


/* ITEMS */

.problem-modern-item{
text-align:center;
padding:10px;
}

.problem-modern-item h3{
font-size:22px;
margin-top:20px;
margin-bottom:10px;
color:#333;
}

.problem-modern-item p{
font-size:17px;
line-height:1.6;
color:#666;
max-width:320px;
margin:auto;
}


/* ICONOS */

.problem-icon{
width:50px;
height:90px;
margin:auto;
display:flex;
align-items:center;
justify-content:center;
color: #c58175;
}

/* SVG interno */

.problem-icon svg{
width:100%;
height:auto;
color: #c58175;
}

@media (max-width:900px){

.problem-modern-grid{
grid-template-columns:1fr;
gap:50px;
}

.problem-modern-title{
font-size:38px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b749e5 */.metodo-section{
background:#f8f6f0;
padding:0px 20px;
}

.metodo-container{
max-width:900px;
margin:auto;
text-align:left;
}

/* etiqueta chica */

.metodo-label{
font-size:14px;
letter-spacing:1px;
text-transform:uppercase;
color:#829bcb;
margin-bottom:20px;
font-weight:600;
}

/* titulo principal */

.metodo-title{
font-size:48px;
line-height:1.2;
font-weight:600;
color:#2b2b2b;
margin-bottom:25px;
}

/* frase fuerte */

.metodo-highlight{
font-size:42px;
line-height:1.2;
color:#dd8250;
font-weight:700;
margin-bottom:40px;
}

/* textos */

.metodo-text{
font-size:20px;
line-height:1.7;
color:#4a4a4a;
margin-bottom:20px;
max-width:720px;
}

/* cierre */

.metodo-text.strong{
font-weight:600;
color:#678484;
margin-top:30px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d9e7ab2 */.cta-container{
display:flex;
justify-content:center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7a63c6 */.ayla-section{
padding:0px 20px;
background:#f8f6f0;
text-align:center;
}

.ayla-container{
max-width:1200px;
margin:auto;
}

.ayla-title{
font-size:48px;
color:#829bcb;
margin-bottom:10px;
font-weight:700;
}

.ayla-subtitle{
font-size:20px;
color:#666;
margin-bottom:70px;
}

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

/* tarjetas */

.ayla-card{
background:white;
padding:45px 35px;
border-radius:16px;
text-align:left;
transition:all .35s ease;
border-top:4px solid #dd8250;
}

.ayla-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 40px rgba(0,0,0,0.08);
}

/* numero */

.ayla-number{
font-size:60px;
font-weight:700;
color:transparent;
-webkit-text-stroke:2px #dd8250;
margin-bottom:15px;
}

/* titulo */

.ayla-card h3{
font-size:22px;
margin-bottom:10px;
color:#222;
}

/* texto */

.ayla-card p{
font-size:16px;
line-height:1.6;
color:#666;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d1699f */.impact-block{
padding:100px 40px;
display:flex;
justify-content:center;
background:#f8f6f0;
}

.impact-container{
max-width:1100px;
padding:100px 90px;
border-radius:36px;
background:linear-gradient(135deg,#678484,#829bcb);
color:white;
}

/* texto chico */

.impact-eyebrow{
font-size:14px;
letter-spacing:1px;
text-transform:uppercase;
opacity:.8;
margin-bottom:30px;
}

/* titulo grande */

.impact-title{
font-size:56px;
line-height:1.1;
font-weight:600;
margin-bottom:40px;
max-width:800px;
}

/* texto */

.impact-text{
font-size:20px;
line-height:1.7;
max-width:650px;
opacity:.9;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-401bff2 */.about-split{
padding:120px 40px;
background:#f8f6f0;
}

.about-grid{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:stretch;
}

/* tarjeta izquierda */

.about-card{
background:#678484;
color:white;
padding:90px 80px;
border-radius:36px;
}

/* texto pequeño */

.about-eyebrow{
font-size:14px;
letter-spacing:1px;
opacity:.8;
margin-bottom:20px;
}

/* titulo */

.about-title{
font-size:48px;
color:#e3ddc6;
margin-bottom:30px;
}

/* textos */

.about-text{
font-size:18px;
line-height:1.7;
margin-bottom:20px;
opacity:.9;
}

/* texto destacado */

.about-highlight{
font-size:18px;
line-height:1.7;
color:#e3ddc6;
font-weight:600;
margin-top:30px;
}

/* imagen */

.about-image img{
width:100%;
height:100%;
object-fit:cover;
border-radius:36px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-877c017 */.fit-section{
padding:0px 40px;
background:#f8f6f0;
}

.fit-title{
text-align:center;
font-size:48px;
color:#b46a3c;
margin-bottom:80px;
font-weight:700;
}

/* grid */

.fit-grid{
max-width:1100px;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}

/* tarjetas */

.fit-card{
padding:50px;
border-radius:24px;
background:white;
box-shadow:0 10px 30px rgba(0,0,0,.06);
transition:.3s;
}

.fit-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.08);
}

/* borde lateral */

.fit-card.yes{
border-left:6px solid #d6844a;
}

.fit-card.no{
border-left:6px solid #8e8e8e;
}

/* titulo */

.fit-card h3{
font-size:22px;
margin-bottom:25px;
}

/* lista */

.fit-card ul{
padding-left:18px;
}

.fit-card li{
margin-bottom:12px;
font-size:17px;
line-height:1.6;
color:#444;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d652ca */.work-section{
padding:120px 40px;
background:#f8f6f0;
}

.work-title{
text-align:center;
font-size:48px;
color:#b46a3c;
margin-bottom:20px;
font-weight:700;
}

.work-sub{
text-align:center;
max-width:700px;
margin:auto;
margin-bottom:70px;
font-size:18px;
color:#555;
}

/* slider */

.work-slider{
display:flex;
gap:30px;
overflow-x:auto;
padding-bottom:20px;
scroll-snap-type:x mandatory;
}

/* cards */

.work-card{
min-width:320px;
padding:40px;
border-radius:26px;
color:white;
scroll-snap-align:start;
transition:.3s;
}

.work-card:hover{
transform:translateY(-8px);
}

/* colores */

.c1{background:#d6844a;}
.c2{background:#678484;}
.c3{background:#8c9c8b;}
.c4{background:#5b7d95;}
.c5{background:#b46a3c;}

/* texto */

.work-card h3{
font-size:22px;
margin-bottom:15px;
}

.work-card p{
font-size:16px;
line-height:1.6;
opacity:.95;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7692034 */.cta-section{
padding:0px 40px;
background:#f8f6f0;
}

.cta-box{
max-width:1100px;
margin:auto;
padding:120px 60px;
border-radius:36px;

background:linear-gradient(
135deg,
#b7653c,
#c9774b,
#d6844a
);

text-align:center;
color:white;
}

/* TITULO */

.cta-title{
font-size:54px;
margin-bottom:30px;
}

/* TEXTOS */

.cta-text{
font-size:20px;
max-width:650px;
margin:auto;
margin-bottom:15px;
opacity:.95;
}

.cta-sub{
font-size:17px;
max-width:650px;
margin:auto;
margin-bottom:50px;
opacity:.8;
}

/* BOTON */

.cta-btn{
display:inline-flex;
align-items:center;
gap:20px;

background:#0b4a4f;
color:white;

padding:16px 28px;
border-radius:50px;

text-decoration:none;
font-size:18px;
font-weight:600;

transition:.3s;
}

/* circulo flecha */

.cta-arrow{
width:42px;
height:42px;

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

background:#c8d7cf;
color:#0b4a4f;

border-radius:50%;
font-size:18px;
}

/* hover */

.cta-btn:hover{
transform:translateY(-3px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1216c21 */.faq-section{
padding:120px 40px;
background:#0000;
}

.faq-box{
max-width:1100px;
margin:auto;
padding:100px 70px;

border-radius:36px;

background:linear-gradient(
135deg,
#6e8f9b,
#7e97b3
);

color:white;
}

.faq-title{
font-size:48px;
text-align:center;
margin-bottom:60px;
}

.faq-item{
border-bottom:1px solid rgba(255,255,255,0.2);
padding:25px 0;
}

/* preguntas */

.faq-question{
width:100%;
background:none;
border:none;
color:white;

font-size:22px;
text-align:left;

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

cursor:pointer;
}

/* respuestas */

.faq-answer{
max-height:0;
overflow:hidden;

opacity:.85;

transition:
max-height .4s ease,
margin .3s ease;

font-size:17px;
line-height:1.6;
}

/* estado activo */

.faq-item.active .faq-answer{
max-height:200px;
margin-top:15px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b29d6c3 */.site-footer{
background:linear-gradient(135deg,#678484,#829bcb);
padding:60px 20px;
text-align:center;
}

.footer-inner{
max-width:900px;
margin:0 auto;
}

.footer-brand{
font-size:20px;
font-weight:700;
letter-spacing:2px;
margin-bottom:20px;
color:#222;
}

.footer-links{
display:flex;
justify-content:center;
gap:30px;
margin-bottom:25px;
flex-wrap:wrap;
}

.footer-links a{
text-decoration:none;
color:#444;
font-size:14px;
transition:0.2s;
}

.footer-links a:hover{
color:#444;
}

.footer-copy{
font-size:13px;
color:#444;
}/* End custom CSS */