/* Estrategias de inversión: maquetación en código según diseño (lienzo 1024px) */
.ei-page { background:#fff; --gold:#c07d1c; --gold2:#b8832f; --navy:#14213d; --sans:'Inter',-apple-system,sans-serif; --pf:'Playfair Display',Georgia,serif; --cor:'Cormorant Garamond',Georgia,serif;}
.ei-page main > section, .ei-page .ef { container-type:inline-size; position:relative; width:100%; overflow:hidden;}
:where(.ei-page main > section > *, .ei-page .ef > *) { margin:0;}
.ei-page main > section > *:not(ul), .ei-page .ef > * { position:absolute;}
.ei-page i { display:block;}
/* PORTADA */
.eh { aspect-ratio:1024/393; background:#bcd9f2 var(--img-ei-hero-bg) center/100% 100% no-repeat;}
.eh h1 { left:4.980cqw; top:9.844cqw; font:500 5.811cqw/5.371cqw var(--pf); color:#0b0b10; text-transform:uppercase; white-space:nowrap; letter-spacing:-.003em;}
.eh h1 span { display:block;} .eh h1 em { font-style:normal; color:#d4881c;}
/* 3 VÍAS */
.ei { aspect-ratio:1024/623; background:#fff;}
.ei-l1, .ei-l2 { top:3.906cqw; width:5.957cqw; height:1px; background:#c07d1c;} .ei-l1 { left:7.520cqw;} .ei-l2 { left:86.523cqw;}
.ei h2 { left:0; width:100%; top:0.684cqw; text-align:center; font:600 3.652cqw/4.297cqw var(--cor); letter-spacing:.02em; font-variant-numeric:lining-nums; color:#12121a; white-space:nowrap;}
.ei h2 span { display:block;} .ei h2 .g { color:#c07d1c; font-weight:700; font-size:4.541cqw; line-height:4.688cqw; letter-spacing:0;}
.ei-c { position:absolute; inset:0; list-style:none; margin:0; padding:0;}
.ei-c li { position:absolute; top:11.719cqw; height:46.973cqw; background:#fff; border-radius:0.684cqw; box-shadow:0 2px 14px rgba(30,30,40,.09);}
.ei-c li.ec1 { left:2.344cqw; width:31.641cqw;} .ei-c li.ec2 { left:35.645cqw; width:30.176cqw;} .ei-c li.ec3 { left:67.773cqw; width:29.980cqw;}
.cn { position:absolute; left:1.953cqw; top:0.146cqw; font:600 2.539cqw/2.930cqw var(--sans); color:#cf8a1f; letter-spacing:.01em;}
.cl { position:absolute; left:6.348cqw; top:1.758cqw; width:2.930cqw; height:2px; background:#cf8a1f;}
.ei-c h3 { position:absolute; left:2.051cqw; top:2.930cqw; font:600 2.197cqw/2.148cqw var(--cor); color:#15151d; white-space:nowrap;}
.ei-c img { position:absolute; top:10.449cqw; display:block; object-fit:cover; border-radius:0.488cqw;}
.ec1 img { left:0.293cqw; width:30.957cqw; height:17.188cqw;} .ec2 img { left:0.195cqw; width:29.883cqw; height:17.090cqw; top:10.547cqw;} .ec3 img { left:0.391cqw; width:29.297cqw; height:17.090cqw; top:10.547cqw;}
.ei-c p { position:absolute; left:2.051cqw; font:300 1.270cqw/1.592cqw var(--sans); color:#434c61; white-space:nowrap;}
.ei-c .p1 { top:28.223cqw;} .ec1 .p2 { top:38.477cqw;} .ec2 .p2 { top:38.574cqw;}
.ec2 .cl { left:6.543cqw;} .ec3 .cn { left:2.246cqw;} .ec3 .cl { left:6.836cqw;} .ec3 h3, .ec3 p { left:2.344cqw;}
.go { position:absolute; bottom:1.074cqw; width:3.711cqw; height:3.711cqw; border:1.5px solid #cf8a1f; border-radius:50%; color:#cf8a1f; display:grid; place-items:center; text-decoration:none; background:#fff;}
.go svg { width:1.953cqw; height:1.953cqw; display:block;}
.ec1 .go { right:1.172cqw;} .ec2 .go { right:0.977cqw;} .ec3 .go { right:1.562cqw;}
/* CADA INVERSOR */
.eu { aspect-ratio:1024/253; background:#fff var(--img-ei-uni-bg) center/100% 100% no-repeat;}
.eu-rule { left:4.297cqw;top:1.562cqw;width:3.809cqw;height:0.195cqw; background:#c07d1c;}
.eu h2 { left:4.297cqw; top:2.539cqw; font:600 3.154cqw/3.516cqw var(--pf); color:#0e0e14; text-transform:uppercase; white-space:nowrap;}
.eu p { left:4.395cqw; font:300 1.289cqw/1.797cqw var(--sans); color:#3d465b; white-space:nowrap;}
.eu .u1 { top:6.641cqw;} .eu .u2 { top:16.504cqw;}
/* CTA */
.ek { aspect-ratio:1024/203; background:#cfe3f4 var(--img-ei-cta-bg) center/100% 100% no-repeat;}
.ek-rule { left:5.078cqw;top:3.418cqw;width:3.516cqw;height:0.195cqw; background:#c07d1c;}
.ek-eb { left:10.059cqw; top:2.930cqw; font:400 1.123cqw/1.270cqw var(--sans); letter-spacing:.18em; text-transform:uppercase; color:#1f2a44; white-space:nowrap;}
.ek h2 { left:5.078cqw; top:4.883cqw; font:600 3.438cqw/3.369cqw var(--pf); color:#0e0e14; text-transform:uppercase; white-space:nowrap;}
.ek h2 span { display:block;}
.ek p { left:5.078cqw; top:12.402cqw; font:300 1.387cqw/1.904cqw var(--sans); color:#2c3753; white-space:nowrap;}
.ek-btn { left:67.676cqw;top:7.129cqw;width:27.344cqw;height:4.980cqw; background:linear-gradient(180deg,#cd8420,#bd7516); border-radius:0.488cqw; display:flex; align-items:center; justify-content:center; gap:1.367cqw; color:#fff; text-decoration:none; box-shadow:0 2px 10px rgba(120,70,10,.25);}
.ek-btn span { font:500 1.221cqw/1 var(--sans); letter-spacing:.065em; text-transform:uppercase; white-space:nowrap;}
.ek-btn svg { width:1.953cqw; height:1.953cqw; display:block;}
/* PIE */
.ef { aspect-ratio:1024/104; background:#fefcfa;}
.ef-logo { left:4.492cqw; top:2.539cqw; display:block; text-decoration:none; width:12.695cqw; height:5.469cqw;}
.ef-logo .n { position:absolute; left:0; top:-0.098cqw; font:500 2.588cqw/1 var(--pf); color:#c07a1e; letter-spacing:.02em;}
.ef-logo .t { position:absolute; left:0.098cqw; top:2.734cqw; font:400 0.908cqw/1 var(--sans); color:#c07a1e; letter-spacing:.3em; text-transform:uppercase; white-space:nowrap;}
.ef-s1 { left:20.996cqw; top:2.734cqw; width:1px; height:4.297cqw; background:#e8e0d4;} .ef-s2 { left:76.465cqw; top:2.734cqw; width:1px; height:4.297cqw; background:#e8e0d4;}
.ef-c { left:22.461cqw; width:52.734cqw; top:3.906cqw; text-align:center; font:400 1.035cqw/1 var(--sans); letter-spacing:.265em; text-transform:uppercase; color:#46557a; white-space:nowrap;}
.ef-c b { font-weight:400; color:var(--gold2); padding:0 0.879cqw;}
.ef-r { left:81.641cqw; top:3.320cqw; display:flex; align-items:center; gap:0.781cqw; white-space:nowrap;}
.ef-r span { width:1.758cqw; height:2.148cqw; color:#b87820; display:block;} .ef-r svg { width:100%; height:100%; display:block;}
.ef-r em { font:400 1.270cqw/1 var(--sans); font-style:normal; color:#3b4663;}
/* MÓVIL */
@media (max-width:760px) {
  .ei-page main > section, .ei-page .ef { aspect-ratio:auto; container-type:normal; height:auto;}
  .ei-page main > section > *:not(ul), .ei-page .ef > * { position:static;}
  .ei-page br.bd { display:none;}
  .ei-page main > section > *, .ei-page .ei-c p, .ei-page .ei-c h3 { white-space:normal !important;}
  .eh { padding:150px 22px 130px; background-size:cover; background-position:62% center;}
  .eh { background-image:linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)), var(--img-ei-hero-bg); background-size:cover; background-position:center;}
  .eh h1 { font-size:38px; line-height:44px;}
  .ei { padding:34px 18px 40px;}
  .ei-l1, .ei-l2 { display:none;}
  .ei h2 .g { font-size:34px !important; line-height:40px;}
  .ei-page i.cl { display:inline-block !important;}
  .ei-page i.ef-s1, .ei-page i.ef-s2 { display:none !important;}
  .ei h2 { font-size:27px; line-height:33px; margin-bottom:24px;}
  .ei-c { position:static; display:grid; gap:20px;}
  .ei-c li, .ei-c li.ec1, .ei-c li.ec2, .ei-c li.ec3 { position:relative; left:auto; top:auto; width:auto; height:auto; padding:18px 18px 74px;}
  .cn, .cl, .ei-c h3, .ei-c img, .ei-c p { position:static !important;}
  .cn { display:inline-block; font-size:22px; line-height:26px; vertical-align:middle;} .cl { display:inline-block; vertical-align:middle; margin-left:10px;}
  .ei-c h3 { font-size:23px; line-height:27px; margin:10px 0 14px;}
  .ei-c li img { width:100% !important; height:auto !important; aspect-ratio:300/175; margin-bottom:14px;}
  .ei-c p { font-size:15px; line-height:23px; margin:0 0 12px;}
  .go { right:18px !important; bottom:18px; width:42px; height:42px;} .go svg { width:20px; height:20px;}
  .eu { padding:300px 22px 32px; background:#fff var(--img-ei-uni-bg) top center/auto 300px no-repeat; background-size:auto 300px;}
  .ei-page i.eu-rule, .ei-page i.ek-rule { display:none !important;}
  .eu h2 { font-size:27px; line-height:33px; margin-bottom:14px;}
  .eu p { font-size:15px; line-height:24px; margin-bottom:14px;}
  .ek { padding:34px 22px 150px; background-image:linear-gradient(rgba(255,255,255,.86) 0,rgba(255,255,255,.86) 62%,rgba(255,255,255,0) 100%), var(--img-ei-cta-bg); background-size:cover; background-position:50% bottom;}
  .ek-eb { font-size:11px; margin-bottom:10px;}
  .ek h2 { font-size:30px; line-height:36px; margin-bottom:12px;} .ek p { font-size:15px; line-height:23px; margin-bottom:20px;}
  .ei-page a.ek-btn { display:inline-flex; left:auto; top:auto; width:auto; height:auto; padding:15px 22px; position:relative !important;} .ek-btn span { font-size:12.5px;}
  .ef { padding:24px 22px; text-align:center;} .ef-s1, .ef-s2 { display:none;}
  .ef-logo { display:block; width:auto; height:auto; margin:0 auto 14px;} .ef-logo .n, .ef-logo .t { position:static; display:block;} .ef-logo .n { font-size:28px; margin-bottom:6px;}
  .ef-c { width:auto; font-size:11px; line-height:19px; letter-spacing:.16em; white-space:normal; margin-bottom:14px;}
  .ef-r { justify-content:center;} .ef-r em { font-size:14px;} .ef-r span { width:18px; height:20px;}
}