:root {
      --navy: #1b3a4b;
      --navy-deep: #122f3d;
      --bone: #faf7f2;
      --sand: #f2ede5;
      --terracotta: #c15b3a;
      --gold: #c9a227;
      --cream: #f8f1e8;
      --ink-muted: #68716d;
      --line: rgba(27,58,75,.15);
      --display: "Fraunces", Georgia, serif;
      --body: "DM Sans", Arial, sans-serif;
      --serif: "Literata", Georgia, serif;
      --header-h: 78px;
    }
#ancla-pagina * { box-sizing: border-box; }
html { scroll-behavior: smooth; }
#ancla-pagina { margin: 0; background: var(--bone); color: var(--navy); font-family: var(--body); }
#ancla-pagina img { display: block; max-width: 100%; }
#ancla-pagina a { color: inherit; }
#ancla-pagina button { font: inherit; }
#ancla-pagina .ancla-container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
#ancla-pagina .section-pad { padding: 112px 0; }
#ancla-pagina .kicker { color: var(--terracotta); font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
#ancla-pagina .kicker-light { color: #e0c448; }
#ancla-pagina h1,
#ancla-pagina h2,
#ancla-pagina h3,
#ancla-pagina p { margin-top: 0; }
#ancla-pagina h1,
#ancla-pagina h2,
#ancla-pagina h3 { font-family: var(--display); font-weight: 600; }
#ancla-pagina h2 { font-size: clamp(46px, 5.2vw, 76px); letter-spacing: -.055em; line-height: .94; }
#ancla-pagina h2 em { color: var(--terracotta); font-style: normal; }
#ancla-pagina .boton-ancla { display: inline-flex; align-items: center; gap: 10px; padding: 15px 20px; border: 0; cursor: pointer; font-size: 12px; font-weight: 700; border-radius: 2px; -webkit-tap-highlight-color: transparent; font-family: var(--body); box-sizing: border-box; transition: transform .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease; }
#ancla-pagina .boton-ancla:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(27,58,75,.16); }
#ancla-pagina .button-primary { background: var(--navy); color: var(--bone); }
#ancla-pagina .button-gold { background: var(--gold); color: var(--navy); }
#ancla-pagina .text-link { color: var(--navy); font-size: 12px; font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--gold); padding-bottom: 5px; }
#ancla-pagina #inicio,
#ancla-pagina #manual,
#ancla-pagina #casos,
#ancla-pagina #autor,
#ancla-pagina #oferta,
#ancla-pagina #anclar {
      scroll-margin-top: calc(var(--header-h) + 12px);
    }
#ancla-pagina .promo-bar { min-height: 34px; display: flex; align-items: center; justify-content: center; background: var(--terracotta); color: var(--bone); font-size: 10px; letter-spacing: .05em; text-align: center; }
#ancla-pagina .site-header { position: sticky; top: 0; z-index: 20; background: rgba(250,247,242,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) {
body.admin-bar .site-header { top: 46px; }

}
#ancla-pagina .nav-wrap { min-height: var(--header-h); display: flex; align-items: center; justify-content: space-between; }
#ancla-pagina .wordmark { color: var(--navy); font-family: var(--display); font-size: 27px; letter-spacing: .26em; text-decoration: none; }
#ancla-pagina .desktop-nav { display: flex; align-items: center; gap: 28px; font-size: 12px; }
#ancla-pagina .desktop-nav a { text-decoration: none; }
#ancla-pagina .nav-cta { display: inline-flex; align-items: center; gap: 9px; padding: 13px 16px; border: 0; background: var(--navy); color: var(--bone); cursor: pointer; font-size: 11px; font-weight: 700; }
#ancla-pagina .mobile-menu { display: none; border: 0; background: transparent; color: var(--navy); cursor: pointer; font-size: 24px; }
#ancla-pagina .hero { overflow: hidden; background: var(--bone); padding: 92px 0 100px; }
#ancla-pagina .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
#ancla-pagina .hero-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--terracotta); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
#ancla-pagina .hero-eyebrow:before { width: 34px; height: 1px; background: var(--terracotta); content: ""; }
#ancla-pagina .hero h1 { max-width: 620px; margin: 28px 0 22px; font-size: clamp(48px, 5.3vw, 80px); line-height: .95; }
#ancla-pagina .hero h1 em { color: var(--terracotta); font-style: normal; }
#ancla-pagina .hero-lead { max-width: 500px; color: #596561; font-family: var(--serif); font-size: 16px; line-height: 1.65; }
#ancla-pagina .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 30px; }
#ancla-pagina .hero-facts { display: flex; gap: 16px; margin-top: 52px; color: #7a817d; font-size: 11px; }
#ancla-pagina .hero-facts span:not(:last-child):after { margin-left: 16px; color: var(--gold); content: "•"; }
#ancla-pagina .hero-facts strong { color: var(--navy); font-size: 15px; }
#ancla-pagina .hero-art { position: relative; min-height: 560px; display: grid; place-items: center; }
#ancla-pagina .hero-blob { position: absolute; width: 410px; height: 510px; border-radius: 48% 52% 55% 45%; background: var(--navy); transform: rotate(9deg); }
#ancla-pagina .cover { position: relative; z-index: 1; width: min(370px, 80%); height: auto; transform: rotate(4deg); filter: drop-shadow(18px 24px 20px rgba(27,58,75,.25)); transition: transform .3s ease; }
#ancla-pagina .cover:hover { transform: rotate(1deg) translateY(-6px); }
#ancla-pagina .hero-note { position: absolute; right: 0; bottom: 42px; z-index: 2; display: flex; gap: 9px; align-items: center; padding: 14px 16px; background: var(--bone); box-shadow: 0 16px 35px rgba(27,58,75,.14); font-family: var(--serif); font-size: 10px; line-height: 1.45; }
#ancla-pagina .hero-note-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--gold); }
#ancla-pagina .turbulence { padding: 98px 0 104px; background: var(--navy); color: var(--bone); }
#ancla-pagina .turbulence-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 60px; }
#ancla-pagina .turbulence h2 { margin: 20px 0 32px; color: var(--bone); }
#ancla-pagina .turbulence h2 em { color: var(--gold); }
#ancla-pagina .keywords { display: flex; flex-wrap: wrap; gap: 0; border-top: 1px solid rgba(250,247,242,.22); padding-top: 18px; }
#ancla-pagina .keywords span { padding-right: 18px; margin-right: 18px; border-right: 1px solid rgba(250,247,242,.3); color: #dce0de; font-size: 11px; }
#ancla-pagina .hope { padding: 100px 0 108px; background: var(--terracotta); color: var(--bone); }
#ancla-pagina .hope-grid { display: grid; grid-template-columns: 1fr .82fr; gap: 84px; align-items: center; }
#ancla-pagina .hope-mark { grid-column: 1 / -1; justify-self: center; color: #f4d6c7; font-size: 11px; letter-spacing: .15em; }
#ancla-pagina .hope-title { text-align: center; }
#ancla-pagina .hope-title h2 { margin: 0; color: var(--navy); font-size: clamp(50px, 6.5vw, 92px); }
#ancla-pagina .hope-title h2 em { color: var(--bone); }
#ancla-pagina .hope-copy { max-width: 540px; margin: 0; color: #f7dfd5; font-family: var(--serif); font-size: 16px; line-height: 1.7; }
#ancla-pagina .hope-copy strong { color: var(--bone); font-weight: 800; }
#ancla-pagina .scripture { border-bottom: 1px solid var(--line); background: var(--bone); }
#ancla-pagina .scripture-inner { min-height: 92px; display: flex; align-items: center; justify-content: center; gap: 17px; text-align: center; }
#ancla-pagina .scripture-mark { color: var(--gold); font-family: var(--display); font-size: 20px; }
#ancla-pagina .scripture p { margin: 0; color: var(--navy); font-family: var(--serif); font-size: 17px; font-style: italic; }
#ancla-pagina .scripture cite { color: var(--terracotta); font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; white-space: nowrap; }
#ancla-pagina .manual { background: var(--bone); }
#ancla-pagina .manual-heading { display: grid; grid-template-columns: 1fr .72fr; gap: 90px; align-items: end; margin-bottom: 62px; }
#ancla-pagina .manual-heading h2 { margin: 18px 0 0; }
#ancla-pagina .manual-heading p { margin: 0; color: #616a67; font-family: var(--serif); font-size: 15px; line-height: 1.8; }
#ancla-pagina .module-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
#ancla-pagina .module { min-height: 245px; display: flex; flex-direction: column; justify-content: space-between; padding: 27px 22px 24px 0; border-right: 1px solid var(--line); transition: background .2s ease, padding .2s ease, transform .2s ease; }
#ancla-pagina .module:not(:first-child) { padding-left: 23px; }
#ancla-pagina .module:last-child { border-right: 0; }
#ancla-pagina .module:hover { background: rgba(201, 162, 39, .08); padding-top: 23px; }
#ancla-pagina .module-number { color: var(--gold); font-size: 11px; }
#ancla-pagina .module h3 { margin: 0 0 12px; font-size: 34px; }
#ancla-pagina .module p { max-width: 210px; margin: 0; color: var(--ink-muted); font-family: var(--serif); font-size: 13px; line-height: 1.55; }
#ancla-pagina .cases { background: var(--navy); color: var(--bone); }
#ancla-pagina .cases-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; }
#ancla-pagina .cases h2 { margin: 20px 0 28px; color: var(--bone); }
#ancla-pagina .cases h2 em { color: var(--gold); }
#ancla-pagina .cases-intro p { max-width: 390px; color: #d7dfde; font-family: var(--serif); font-size: 15px; line-height: 1.75; }
#ancla-pagina .case-cloud { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
#ancla-pagina .case-pill { padding: 16px 19px; border: 1px solid rgba(250,247,242,.34); border-radius: 99px; color: var(--bone); }
#ancla-pagina .case-pill strong { font-family: var(--display); font-size: 19px; }
#ancla-pagina .case-pill span { margin-left: 10px; color: #bbd0d4; font-size: 11px; }
#ancla-pagina .anclar { background: var(--sand); }
#ancla-pagina .anclar-heading { display: grid; grid-template-columns: 1fr .9fr; gap: 80px; align-items: end; margin-bottom: 50px; }
#ancla-pagina .anclar-heading h2 { margin: 18px 0 0; }
#ancla-pagina .anclar-heading p { margin: 0 0 4px; color: #596561; font-family: var(--serif); font-size: 15px; line-height: 1.8; }
#ancla-pagina .anclar-heading p strong { color: var(--navy); font-family: var(--body); letter-spacing: .06em; }
#ancla-pagina .anclar-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.9fr) minmax(0,1fr); gap: 12px; align-items: stretch; }
#ancla-pagina .route { min-height: 390px; display: flex; flex-direction: column; padding: 28px 28px 18px; border: 1px solid var(--line); background: var(--bone); }
#ancla-pagina .route-after { border-color: var(--navy); background: var(--navy); color: var(--bone); }
#ancla-pagina .route-header { display: flex; align-items: flex-start; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
#ancla-pagina .route-after .route-header { border-color: rgba(250,247,242,.2); }
#ancla-pagina .route-number { color: var(--gold); font-size: 11px; letter-spacing: .15em; }
#ancla-pagina .route-label { display: block; margin-bottom: 8px; color: var(--terracotta); font-size: 9px; font-weight: 800; letter-spacing: .17em; }
#ancla-pagina .route-after .route-label { color: #e0c448; }
#ancla-pagina .route h3 { margin: 0; font-size: 38px; line-height: .95; }
#ancla-pagina .route-after h3 { color: var(--bone); }
#ancla-pagina .route-intro { margin: 18px 0 14px; color: var(--ink-muted); font-family: var(--serif); font-size: 13px; line-height: 1.6; }
#ancla-pagina .route-after .route-intro { color: #c9d7d4; }
#ancla-pagina .route-list { margin-top: auto; border-top: 1px solid var(--line); }
#ancla-pagina .route-after .route-list { border-color: rgba(250,247,242,.18); }
#ancla-pagina .route-item { display: flex; width: 100%; min-height: 52px; align-items: center; gap: 12px; padding: 11px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--navy); cursor: pointer; text-align: left; transition: background .18s ease, padding .18s ease; }
#ancla-pagina .route-item:last-child { border-bottom: 0; }
#ancla-pagina .route-after .route-item { border-color: rgba(250,247,242,.18); color: var(--bone); }
#ancla-pagina .route-item > span:first-child { min-width: 22px; color: var(--gold); font-size: 10px; }
#ancla-pagina .route-item strong { flex: 1; font-size: 12px; line-height: 1.35; }
#ancla-pagina .route-item .arrow { color: var(--terracotta); font-size: 18px; transition: transform .18s ease; }
#ancla-pagina .route-after .route-item .arrow { color: #e0c448; }
#ancla-pagina .route-item:hover,
#ancla-pagina .route-item:focus-visible,
#ancla-pagina .route-item.active { padding-right: 8px; padding-left: 8px; background: rgba(201,162,39,.1); outline: none; }
#ancla-pagina .route-after .route-item:hover,
#ancla-pagina .route-after .route-item:focus-visible,
#ancla-pagina .route-after .route-item.active { background: rgba(250,247,242,.1); }
#ancla-pagina .route-item:hover .arrow,
#ancla-pagina .route-item:focus-visible .arrow,
#ancla-pagina .route-item.active .arrow { transform: translateX(4px); }
#ancla-pagina .anclar-center { position: relative; min-height: 390px; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 38px 28px; overflow: hidden; background: var(--terracotta); color: var(--bone); text-align: center; box-shadow: 0 18px 30px rgba(193,91,58,.16); }
#ancla-pagina .anclar-center-kicker { margin-bottom: 26px; color: #f4d6c7; font-size: 9px; font-weight: 800; letter-spacing: .18em; }
#ancla-pagina .anclar-center-symbol { display: flex; width: 96px; height: 96px; align-items: center; justify-content: center; margin-bottom: 24px; border: 1px solid rgba(250,247,242,.7); border-radius: 50%; }
#ancla-pagina .anclar-center-symbol span { font-family: var(--display); font-size: 17px; letter-spacing: .12em; }
#ancla-pagina .anclar-center h3 { margin: 0 0 14px; color: var(--bone); font-size: 39px; line-height: .98; }
#ancla-pagina .anclar-center h3 em { color: #f5df76; font-style: normal; }
#ancla-pagina .anclar-center p { max-width: 200px; margin: 0; color: #f7dfd5; font-family: var(--serif); font-size: 12px; line-height: 1.7; }
#ancla-pagina .anclar-center-steps { display: flex; align-items: center; gap: 8px; margin-top: 24px; color: #f7dfd5; font-size: 9px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
#ancla-pagina .anclar-center-steps i { width: 3px; height: 3px; border-radius: 50%; background: #f5df76; }
#ancla-pagina .anclar-reset { margin-top: 22px; padding: 9px 13px; border: 1px solid rgba(250,247,242,.42); background: transparent; color: var(--bone); cursor: pointer; font-size: 10px; }
#ancla-pagina .anclar-training { display: flex; max-width: 900px; gap: 12px; align-items: flex-start; margin: 25px auto 0; padding: 18px 20px; background: rgba(27,58,75,.06); color: #5d6965; }
#ancla-pagina .anclar-training-icon { color: var(--terracotta); font-family: var(--display); font-size: 20px; }
#ancla-pagina .anclar-training p { margin: 0; font-family: var(--serif); font-size: 12px; line-height: 1.65; }
#ancla-pagina .anclar-training a { color: var(--navy); font-weight: 700; text-decoration-color: var(--gold); text-underline-offset: 3px; }
#ancla-pagina .mockup { background: var(--navy); color: var(--bone); overflow: hidden; }
#ancla-pagina .mockup-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 20px; align-items: center; }
#ancla-pagina .mockup h2 { color: var(--bone); }
#ancla-pagina .mockup h2 em { color: var(--gold); }
#ancla-pagina .mockup-copy p { max-width: 380px; color: #d7dfde; font-family: var(--serif); line-height: 1.75; }
#ancla-pagina .checks { display: grid; gap: 13px; margin-top: 30px; color: #e0e9e7; font-size: 12px; }
#ancla-pagina .mockup-art { transform: translateX(4%); }
#ancla-pagina .mockup-art img { width: 115%; max-width: none; height: auto; filter: drop-shadow(0 24px 28px rgba(0,0,0,.2)); }
#ancla-pagina .author { background: var(--bone); }
#ancla-pagina .author-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 100px; align-items: center; max-width: 980px; }
#ancla-pagina .author-card { width: 260px; height: 330px; display: grid; place-items: center; background: var(--navy); color: var(--bone); }
#ancla-pagina .author-initials { font-family: var(--display); font-size: 70px; }
#ancla-pagina .author-copy h2 { margin-bottom: 25px; }
#ancla-pagina .author-copy .lead { color: var(--navy); font-size: 18px; line-height: 1.62; }
#ancla-pagina .author-copy p { max-width: 530px; color: #616a67; font-family: var(--serif); line-height: 1.75; }
#ancla-pagina .offer { background: var(--navy); color: var(--bone); }
#ancla-pagina .offer h2 { color: var(--bone); }
#ancla-pagina .offer h2 em { color: var(--gold); }
#ancla-pagina .offer-header { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 54px; }
#ancla-pagina .offer-header p { max-width: 360px; margin: 0; color: #d5e0de; font-family: var(--serif); font-size: 14px; line-height: 1.7; }
#ancla-pagina .offer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
#ancla-pagina .offer-card { position: relative; overflow: hidden; min-height: 245px; display: flex; flex-direction: column; align-items: flex-start; padding: 25px 20px 19px; border: 1px solid rgba(250,247,242,.24); background: rgba(250,247,242,.04); color: var(--bone); cursor: default; text-align: left; transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
#ancla-pagina .offer-card:hover { transform: translateY(-4px); border-color: rgba(224, 196, 72, .7); }
#ancla-pagina .offer-card.featured { border-color: var(--gold); background: var(--bone); color: var(--navy); }
#ancla-pagina .offer-badge { position: absolute; top: 0; right: 0; padding: 6px 9px; background: var(--gold); color: var(--navy); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
#ancla-pagina .offer-label { margin-bottom: 14px; font-size: 12px; font-weight: 700; }
#ancla-pagina .offer-price { font-family: var(--display); font-size: 33px; font-weight: 600; letter-spacing: -.04em; }
#ancla-pagina .offer-note { margin-top: auto; color: #afc1c2; font-size: 10px; line-height: 1.5; }
#ancla-pagina .featured .offer-note { color: #66706f; }
#ancla-pagina .offer-cta { margin-top: 16px; width: 100%; justify-content: center; }
#ancla-pagina .offer-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; padding: 26px 22px; background: var(--navy); color: var(--bone); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s; }
#ancla-pagina .offer-overlay.is-visible { opacity: 1; visibility: visible; transform: translateY(0); transition: opacity .22s ease, transform .22s ease; }
#ancla-pagina .offer-overlay p { margin: 0; font-family: var(--serif); font-size: 13px; line-height: 1.65; color: #d5e0de; }
#ancla-pagina .offer-overlay-close { position: absolute; top: 8px; right: 10px; background: none; border: 0; color: var(--bone); font-size: 20px; line-height: 1; cursor: pointer; padding: 6px; opacity: .7; }
#ancla-pagina .offer-overlay-close:hover { opacity: 1; }
#ancla-pagina .offer-alt { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; margin-top: 14px; }
#ancla-pagina .offer-alt-item { display: flex; align-items: center; gap: 14px; padding: 18px 20px; border: 1px solid rgba(250,247,242,.18); background: rgba(250,247,242,.04); }
#ancla-pagina .offer-alt-icon { flex-shrink: 0; color: var(--gold); font-family: var(--display); font-size: 15px; }
#ancla-pagina .offer-alt-copy { flex: 1; min-width: 0; }
#ancla-pagina .offer-alt-question { margin: 0; font-family: var(--display); font-size: 14px; font-weight: 600; color: var(--bone); }
#ancla-pagina .offer-alt-text { margin: 2px 0 0; font-family: var(--serif); font-size: 11px; line-height: 1.5; color: #d5e0de; }
#ancla-pagina .offer-alt-button { flex-shrink: 0; white-space: nowrap; }
#ancla-pagina .button-outline { background: transparent; border: 1px solid rgba(250,247,242,.4); color: var(--bone); }
#ancla-pagina .button-outline:hover { border-color: var(--gold); color: var(--gold); }
#ancla-pagina .offer-card.featured .offer-cta.button-outline { border-color: rgba(27,58,75,.35); color: var(--navy); }
#ancla-pagina .offer-card.featured .offer-cta.button-outline:hover { border-color: var(--terracotta); color: var(--terracotta); }
#ancla-pagina .offer-footnote { margin: 26px 0 0; text-align: center; color: #d0dedb; font-size: 11px; }
#ancla-pagina .faq { background: var(--bone); }
#ancla-pagina .faq-grid { display: grid; grid-template-columns: .64fr 1.36fr; gap: 100px; }
#ancla-pagina .faq-item { border-top: 1px solid var(--line); }
#ancla-pagina .faq-item:last-child { border-bottom: 1px solid var(--line); }
#ancla-pagina .faq-question { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; border: 0; background: transparent; color: var(--navy); cursor: pointer; font-weight: 700; text-align: left; }
#ancla-pagina .faq-answer { display: none; max-width: 650px; margin: -3px 0 20px; color: #646d6b; font-family: var(--serif); font-size: 13px; line-height: 1.7; }
#ancla-pagina .faq-item.open .faq-answer { display: block; }
#ancla-pagina .faq-icon { color: var(--terracotta); font-size: 20px; transition: transform .18s ease; }
#ancla-pagina .faq-item.open .faq-icon { transform: rotate(45deg); }
#ancla-pagina .final-cta { padding: 115px 0 125px; background: var(--gold); color: var(--navy); text-align: center; }
#ancla-pagina .final-cta h2 { max-width: 900px; margin: 0 auto 20px; color: var(--navy); }
#ancla-pagina .final-cta h2 em { color: var(--terracotta); }
#ancla-pagina .final-cta p { color: #455a56; font-family: var(--serif); font-size: 16px; }
#ancla-pagina .footer { padding: 54px 0 26px; background: var(--navy-deep); color: #d6e1de; }
#ancla-pagina .footer-grid { display: grid; grid-template-columns: 1fr .8fr 1.1fr; gap: 70px; padding-bottom: 50px; }
#ancla-pagina .footer p { max-width: 300px; color: #afc2c2; font-family: var(--serif); font-size: 12px; line-height: 1.6; }
#ancla-pagina .footer-links { display: grid; align-content: start; gap: 12px; font-size: 12px; }
#ancla-pagina .footer-links a { text-decoration: none; }
#ancla-pagina .footer-bottom { display: flex; justify-content: space-between; padding-top: 20px; border-top: 1px solid rgba(250,247,242,.15); color: #89a0a3; font-size: 10px; }
#ancla-pagina .ancla-modal { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; visibility: hidden; transition: opacity .22s ease, visibility 0s linear .22s; }
#ancla-pagina .ancla-modal.is-open { opacity: 1; visibility: visible; transition: opacity .22s ease; }
#ancla-pagina .ancla-modal-backdrop { position: absolute; inset: 0; background: rgba(18,47,61,.72); }
#ancla-pagina .ancla-modal-panel { position: relative; width: min(480px, 100%); max-height: 90vh; overflow-y: auto; padding: 32px 28px; background: var(--bone); color: var(--navy); box-shadow: 0 30px 60px rgba(0,0,0,.3); transform: translateY(10px); transition: transform .22s ease; }
#ancla-pagina .ancla-modal.is-open .ancla-modal-panel { transform: translateY(0); }
#ancla-pagina .ancla-modal-close { position: absolute; top: 14px; right: 14px; background: none; border: 0; color: var(--navy); font-size: 22px; line-height: 1; cursor: pointer; padding: 6px; opacity: .6; }
#ancla-pagina .ancla-modal-close:hover { opacity: 1; }
#ancla-pagina .ancla-modal-head h3 { margin: 8px 0 8px; font-size: 28px; }
#ancla-pagina .ancla-modal-head p { margin: 0 0 22px; color: #596561; font-family: var(--serif); font-size: 13px; line-height: 1.6; }
#ancla-pagina .ancla-field { display: block; margin-bottom: 14px; font-size: 12px; font-weight: 700; color: var(--navy); }
#ancla-pagina .ancla-field[hidden] { display: none; }
#ancla-pagina .ancla-field span { display: block; margin-bottom: 6px; }
#ancla-pagina .ancla-field input,
#ancla-pagina .ancla-field textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--line); background: #fff; color: var(--navy); font-family: var(--body); font-size: 13px; font-weight: 400; resize: vertical; }
#ancla-pagina .ancla-field input:focus,
#ancla-pagina .ancla-field textarea:focus { outline: 2px solid var(--gold); outline-offset: 1px; }
#ancla-pagina .ancla-hp { position: absolute; left: -9999px; top: -9999px; }
#ancla-pagina .ancla-modal-submit { width: 100%; justify-content: center; margin-top: 6px; }
#ancla-pagina .ancla-modal-submit:disabled { opacity: .6; cursor: default; transform: none; }
#ancla-pagina .ancla-modal-status { margin: 14px 0 0; padding: 10px 12px; font-size: 12px; line-height: 1.5; }
#ancla-pagina .ancla-modal-status.ok { background: rgba(27,58,75,.06); color: var(--navy); border-left: 2px solid var(--gold); }
#ancla-pagina .ancla-modal-status.error { background: rgba(193,91,58,.08); color: var(--terracotta); border-left: 2px solid var(--terracotta); }
@media (max-width: 980px) {
#ancla-pagina .hero-grid,
#ancla-pagina .hope-grid,
#ancla-pagina .manual-heading,
#ancla-pagina .anclar-heading { gap: 40px; }
#ancla-pagina .anclar-layout { grid-template-columns: repeat(2,minmax(0,1fr)); }
#ancla-pagina .anclar-center { grid-column: 1 / -1; grid-row: 1; min-height: 300px; }
#ancla-pagina .mockup-grid { grid-template-columns: .8fr 1.2fr; }
#ancla-pagina .offer-grid { grid-template-columns: repeat(2,1fr); }

}
@media (max-width: 720px) {
#ancla-pagina .ancla-container { width: min(100% - 40px, 600px); }
#ancla-pagina .section-pad { padding: 78px 0; }
#ancla-pagina .desktop-nav { display: none; position: absolute; top: 78px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 14px 20px 22px; background: var(--bone); border-bottom: 1px solid var(--line); }
#ancla-pagina .desktop-nav.open { display: flex; }
#ancla-pagina .desktop-nav a { padding: 13px 0; border-bottom: 1px solid var(--line); }
#ancla-pagina .nav-cta { margin-top: 14px; justify-content: center; }
#ancla-pagina .mobile-menu { display: block; }
#ancla-pagina .hero { padding: 58px 0 70px; }
#ancla-pagina .hero-grid,
#ancla-pagina .hope-grid,
#ancla-pagina .manual-heading,
#ancla-pagina .cases-grid,
#ancla-pagina .mockup-grid,
#ancla-pagina .author-grid,
#ancla-pagina .offer-header,
#ancla-pagina .faq-grid { grid-template-columns: 1fr; }
#ancla-pagina .hero h1 { font-size: 50px; }
#ancla-pagina .hero-art { min-height: 410px; }
#ancla-pagina .hero-blob { width: 275px; height: 355px; }
#ancla-pagina .hero-note { right: 0; bottom: 8px; }
#ancla-pagina .hero-facts { flex-wrap: wrap; margin-top: 34px; }
#ancla-pagina .turbulence-grid { grid-template-columns: 1fr; gap: 25px; }
#ancla-pagina .hope-grid { gap: 30px; }
#ancla-pagina .hope-mark { grid-column: auto; justify-self: center; }
#ancla-pagina .hope-title { text-align: center; }
#ancla-pagina .hope-copy { text-align: center; }
#ancla-pagina .scripture-inner { min-height: 108px; flex-wrap: wrap; gap: 8px 11px; padding: 20px 0; }
#ancla-pagina .scripture p { flex: 1; min-width: 220px; font-size: 14px; }
#ancla-pagina .scripture cite { flex-basis: 100%; }
#ancla-pagina .module-grid { grid-template-columns: 1fr; }
#ancla-pagina .module { min-height: 185px; padding: 23px 0; border-right: 0; border-bottom: 1px solid var(--line); }
#ancla-pagina .module:hover { padding-top: 19px; }
#ancla-pagina .module:not(:first-child) { padding-left: 0; }
#ancla-pagina .module:last-child { border-bottom: 0; }
#ancla-pagina .cases-grid { gap: 34px; }
#ancla-pagina .case-cloud { justify-content: flex-start; }
#ancla-pagina .anclar-heading { grid-template-columns: 1fr; gap: 28px; }
#ancla-pagina .anclar-heading h2 { font-size: 51px; }
#ancla-pagina .anclar-layout { grid-template-columns: 1fr; gap: 12px; }
#ancla-pagina .anclar-center { grid-column: auto; grid-row: auto; min-height: 290px; }
#ancla-pagina .route { min-height: auto; padding: 24px 19px 14px; }
#ancla-pagina .route h3 { font-size: 32px; }
#ancla-pagina .mockup-art { transform: none; overflow: hidden; }
#ancla-pagina .mockup-art img { width: 145%; transform: translateX(-11%); }
#ancla-pagina .author-card { width: 100%; height: 260px; }
#ancla-pagina .offer-grid { grid-template-columns: 1fr; }
#ancla-pagina .offer-card { min-height: 182px; }
#ancla-pagina .offer-card:hover { transform: translateY(-3px); }
#ancla-pagina .offer-alt { grid-template-columns: 1fr; }
#ancla-pagina .offer-alt-item { flex-direction: column; align-items: flex-start; }
#ancla-pagina .offer-alt-button { align-self: stretch; justify-content: center; margin-top: 4px; }
#ancla-pagina .footer-grid { grid-template-columns: 1fr; gap: 34px; }
#ancla-pagina .footer-bottom { display: block; line-height: 2; }

}
@font-face { font-family: "DM Sans"; src: url("https://hablemosdelavida.org/wp-content/ancla-assets/fonts/font-00-dm-sans.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("https://hablemosdelavida.org/wp-content/ancla-assets/fonts/font-01-dm-sans.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("https://hablemosdelavida.org/wp-content/ancla-assets/fonts/font-02-dm-sans.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("https://hablemosdelavida.org/wp-content/ancla-assets/fonts/font-03-dm-sans.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("https://hablemosdelavida.org/wp-content/ancla-assets/fonts/font-04-fraunces.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("https://hablemosdelavida.org/wp-content/ancla-assets/fonts/font-05-fraunces.ttf") format("truetype"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("https://hablemosdelavida.org/wp-content/ancla-assets/fonts/font-06-fraunces.ttf") format("truetype"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Literata"; src: url("https://hablemosdelavida.org/wp-content/ancla-assets/fonts/font-07-literata.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Literata"; src: url("https://hablemosdelavida.org/wp-content/ancla-assets/fonts/font-08-literata.ttf") format("truetype"); font-style: normal; font-weight: 500; font-display: swap; }