:root{--forest:#173e36;--forest-2:#214d42;--green:#426458;--terracotta:#ad704d;--cream:#f6f2e9;--paper:#fffdf8;--sand:#ebe6da;--ink:#1e352c;--muted:#52665c;--hairline:#d9ddd2}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.12;font-weight:400}h1,h2{letter-spacing:-.045em}
h2{font-size:clamp(2.45rem,5vw,4.8rem)}h3{letter-spacing:-.018em}
a{color:inherit}a:focus-visible{outline:3px solid #bf804e;outline-offset:4px}em{font-weight:400}.container{max-width:1160px;width:calc(100% - 64px);margin-inline:auto}.skip-link{position:absolute;left:-999px;top:12px;background:#fff;padding:10px 20px;z-index:40}.skip-link:focus{left:12px}
.header{background:#fbf8f1;position:relative;z-index:20;border-bottom:1px solid rgba(36,78,60,.12)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:104px;gap:22px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--forest)}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-family:Georgia,serif;font-size:1.12rem;line-height:1;letter-spacing:.04em}.brand-text small{margin-top:6px;letter-spacing:.07em;font-size:.57rem;text-transform:uppercase;color:#658076}.header nav{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.header nav a{font-size:.82rem;text-decoration:none;transition:color .15s}.header nav a:hover{color:var(--terracotta)}.header nav .nav-contact{background:var(--forest);color:white;padding:10px 17px;border-radius:2px}.header nav .nav-contact:hover{color:white;background:#2d5848}
.hero{position:relative;overflow:hidden;background:var(--forest);color:#fffdf5;min-height:660px;display:flex;align-items:center}.hero-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);position:relative;z-index:2}.hero-content{padding:108px 0 116px}.hero h1{font-size:clamp(3.9rem,7.5vw,7.4rem);max-width:880px;margin:26px 0 30px}.hero h1 em{color:#ead29e}.hero-lead{max-width:670px;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.6;color:#eaf0e9}.eyebrow{font-size:.72rem;color:var(--terracotta);letter-spacing:.2em;text-transform:uppercase;font-weight:700}.eyebrow.light{color:#d5b98b}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:38px}.button{display:inline-flex;padding:15px 20px;align-items:center;gap:18px;border-radius:2px;text-decoration:none;font-size:.86rem;font-weight:700}.button-light{background:var(--cream);color:var(--forest)}.button:hover{filter:brightness(.95)}.hero-secondary{color:#edf1e8;text-decoration:none;font-size:.9rem}.hero-secondary:hover{text-decoration:underline}.hero-side{display:flex;justify-content:flex-end;align-items:center;padding:70px 0 70px 24px}.hero-photo-card{margin:0;max-width:330px;background:rgba(255,253,248,.95);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 35px rgba(0,0,0,.18)}.hero-photo-card img{display:block;width:100%;height:460px;object-fit:cover}.hero-photo-card figcaption{padding:12px 15px;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--forest);background:var(--cream)}.hero-art{position:absolute;inset:0;overflow:hidden;opacity:.83}.hero-art .sun{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at center,rgba(202,165,108,.6),rgba(202,165,108,.02) 67%);right:7%;top:8%}.horizon{position:absolute;bottom:-2px;left:-5%;width:115%;height:42%;border-radius:50% 50% 0 0}.horizon-one{background:#315a4a;transform:rotate(-7deg) translateY(25%);bottom:3%}.horizon-two{background:#285245;transform:rotate(6deg) translateY(39%);bottom:-4%}.horizon-three{background:#173e36;transform:rotate(-6deg) translateY(70%);bottom:-8%}
.section{padding:116px 0}.intro-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:9%;align-items:start}.intro-grid h2{margin:20px 0}.intro-grid h2 em{color:var(--terracotta)}.intro-copy{font-size:1.04rem;color:var(--muted)}.intro-copy p{margin-bottom:19px}.lead{font-family:Georgia,serif;color:var(--forest);font-size:clamp(1.27rem,2vw,1.57rem);line-height:1.5}.roles{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:72px}.role{display:flex;gap:27px;padding:37px;background:var(--cream);border-top:3px solid #d7ae82}.role-index{font-size:.8rem;font-weight:700;color:var(--terracotta);margin-top:6px}.role h3{font-size:1.7rem;margin-bottom:11px}.role p{color:var(--muted);font-size:.97rem;margin:0}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.photo-card{margin:0;background:#fff;border:1px solid #e0dfd5;box-shadow:0 8px 22px rgba(0,0,0,.06)}.photo-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.photo-card figcaption{display:flex;flex-direction:column;gap:2px;padding:14px 16px 15px}.photo-card strong{font-family:Georgia,serif;font-size:1.07rem;color:var(--forest);font-weight:400}.photo-card span{font-size:.85rem;color:var(--muted)}
.cuenco{background:#edf0e6}.cuenco-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:8%;align-items:center}.cuenco-figure{text-align:center}.bowl-graphic{display:block;width:100%;max-width:560px;height:auto;margin:auto}.figure-note{font-size:.77rem;max-width:390px;line-height:1.5;margin:0 auto;color:#67776a}.cuenco-copy h2{font-size:clamp(3.7rem,7vw,6.2rem);margin:20px 0 29px}.cuenco-copy p:not(.eyebrow){color:var(--muted)}.cuenco-copy .lead{color:var(--forest)!important}.small-note{border-left:2px solid #b57b55;padding:5px 0 5px 18px;font-size:.88rem;margin-top:30px}
.areas{background:var(--paper)}.section-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:8%;align-items:end;margin-bottom:52px}.section-heading h2{margin:16px 0 0}.section-heading h2 em{color:var(--terracotta)}.section-heading p{color:var(--muted);font-size:1.07rem;margin:0 0 10px}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.area-card{background:#f5f2e9;padding:27px 24px 30px;border-top:2px solid #ccd8c9;min-height:282px}.area-number{display:block;color:#9b7652;font-size:.76rem;letter-spacing:.1em;font-weight:700;margin-bottom:37px}.area-card h3{font-size:1.4rem;line-height:1.18;min-height:3rem;margin-bottom:15px}.area-card p{color:var(--muted);font-size:.91rem;line-height:1.6;margin:0}.area-disclaimer{font-size:.78rem;color:#68776d;max-width:900px;margin:30px 0 0}
.world{background:var(--forest);color:#f6f4eb}.world-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:10%;align-items:start}.world h2{margin-top:20px}.world h2 em{color:#e5c599}.world p:not(.eyebrow){color:#dce4dc}.world .lead{color:white!important}
.contact{background:#f2eadc}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.contact h2{margin:17px 0 19px}.contact p:not(.eyebrow){font-size:1.08rem;color:var(--muted)}.contact-links a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9cbbd;text-decoration:none;padding:19px 1px;font-size:1.1rem}.contact-links a:hover{color:var(--terracotta)}.footer{background:#122c28;color:#e6e7de}.footer-inner{display:flex;gap:25px;justify-content:space-between;padding:25px 0;font-size:.77rem}.footer a{text-decoration:none;color:#e6e7de}
@media(max-width:1050px){.header nav{gap:14px}.area-grid{grid-template-columns:repeat(2,1fr)}.area-card{min-height:230px}.hero h1{font-size:clamp(3.5rem,7vw,6.5rem)}.photo-strip{grid-template-columns:1fr 1fr 1fr}.hero-photo-card{max-width:280px}.hero-photo-card img{height:390px}}
@media(max-width:740px){html{scroll-padding-top:20px}.container{width:calc(100% - 40px)}.header-inner{min-height:auto;padding:18px 0;align-items:flex-start;flex-direction:column}.header nav{gap:12px 19px}.header nav a{font-size:.78rem}.header nav .nav-contact{padding:6px 10px}.hero{min-height:590px}.hero-layout{grid-template-columns:1fr}.hero-content{padding:78px 0 38px}.hero h1{font-size:clamp(3.45rem,11vw,5rem)}.hero-side{display:flex;padding:0 0 78px 0;justify-content:flex-start}.hero-photo-card{max-width:100%}.hero-photo-card img{height:260px}.hero-lead{max-width:90%}.hero-actions{gap:14px}.section{padding:77px 0}.intro-grid,.roles,.cuenco-grid,.section-heading,.world-grid,.contact-grid,.photo-strip{grid-template-columns:1fr;gap:22px}.roles{margin-top:32px}.role{padding:25px}.role h3{font-size:1.55rem}.cuenco-figure{order:2}.cuenco-copy{order:1}.cuenco-copy h2{margin:15px 0 20px}.area-grid{grid-template-columns:1fr 1fr}.area-card{padding:24px 17px}.area-card h3{min-height:0}.area-number{margin-bottom:22px}.area-disclaimer{margin-top:24px}.section-heading{margin-bottom:32px}.contact-links{margin-top:10px}.footer-inner{flex-direction:column;gap:9px}}
@media(max-width:480px){.area-grid{grid-template-columns:1fr}.area-card{min-height:0}.hero h1{font-size:3.25rem}.hero-secondary{padding:6px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ÚNICO AJUSTE VISUAL V2: integrar el logotipo original en la cabecera */
.brand-text img{display:block;width:174px;height:auto;border-radius:3px;box-shadow:0 2px 6px rgba(23,62,54,.12)}
.brand-text small{display:block;text-align:center;font-size:.52rem;letter-spacing:.065em;margin-top:6px}
@media(max-width:740px){.brand-text img{width:152px}.brand-text small{font-size:.47rem}}

/* Ajuste de portada: dos columnas independientes, sin superposición.
   La tarjeta fotográfica apila la imagen sobre su epígrafe. */
@media(min-width:741px){
  .hero-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,76px);align-items:center}
  .hero-content{min-width:0;padding:94px 0 103px}
  .hero h1{font-size:clamp(3.25rem,4.55vw,5.75rem);overflow-wrap:normal;max-width:100%;line-height:1.11}
  .hero-lead{max-width:580px}
  .hero-side.hero-photo-card{display:block;width:100%;max-width:none;padding:0;margin:0;align-self:center}
  .hero-photo-card img{width:100%;height:auto;aspect-ratio:654/442;object-fit:cover}
  .hero-photo-card figcaption{display:block;line-height:1.45;padding:15px 18px;font-size:.75rem;letter-spacing:.04em}
}
@media(max-width:1050px) and (min-width:741px){
  .hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:25px}
  .hero h1{font-size:clamp(3.05rem,4.8vw,4.3rem)}
}
@media(max-width:740px){
  .hero-side.hero-photo-card{display:block;width:100%;max-width:100%;padding:0;margin:0 0 64px}
  .hero-photo-card img{width:100%;height:auto;aspect-ratio:654/442;object-fit:cover}
  .hero-photo-card figcaption{display:block;padding:12px 14px;font-size:.73rem;line-height:1.45}
  .hero-content{min-width:0;padding-bottom:42px}
  .hero h1{overflow-wrap:break-word}
}