:root { --green:#607d30; --green-dark:#49652d; --green-light:#f1f5ea; --navy:#01375d; --coffee:#6d4528; --paper:#fff; --ink:#191c1b; --muted:#626c6a; --hair:#e7e9e2; --shade:#f8faf6; --serif: 'EB Garamond',Georgia,'Times New Roman',serif; --sans: Inter,'Helvetica Neue',Arial,sans-serif; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { margin:0; background:#fff; color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
a{color:inherit;text-decoration:none} button,input,textarea{font:inherit} button{cursor:pointer} img{max-width:100%;display:block}
::selection { background:#dfeacd; color:#153924; }
.container {width:min(1332px,calc(100% - 112px)); margin-inline:auto}
.utility {border-bottom:1px solid var(--hair);font-size:11px;letter-spacing:.095em;text-transform:uppercase;color:#5e6760}
.utility-in {height:37px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.utility-in span {display:inline-flex;align-items:center;gap:9px}
.utility-mark {width:7px;height:7px;background:var(--green);display:inline-block;border-radius:8px}
header{position:sticky;z-index:30;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(15px);border-bottom:1px solid #eceee9}
.header-in{height:94px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.logo-link { width:122px; flex:none; display:flex; align-items:center; justify-content:center; }
.logo-link img {width:100%;height:78px;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:36px;margin-left:auto}
.desktop-nav a{font-size:13px;font-weight:560;color:#3c4240;transition:color .2s}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--green)}
.header-cta,.btn {display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:100px;white-space:nowrap;transition:transform .25s,background .25s,color .25s,border-color .25s;}
.header-cta{min-height:45px;padding:0 23px;background:var(--navy);color:white;font-size:12px;font-weight:650;margin-left:4px}
.header-cta svg {width:16px; height:16px}
.header-cta:hover,.btn:hover{transform:translateY(-2px)}
.header-cta:hover,.btn.primary:hover{background:#124e72}
.mobile-toggle{display:none;border:none;background:#f2f5ee;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;color:var(--navy)}
.mobile-toggle svg {width:23px}
.mobile-nav {display:none;}
.hero {position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;left:-240px;top:185px;width:330px;height:330px;border:1px solid #eef1e9;border-radius:50%;pointer-events:none}
.hero-in{min-height:657px;display:grid;grid-template-columns: 1.06fr .94fr;align-items:center;gap:12px;padding-top:53px;padding-bottom:58px}
.hero-content{position:relative;z-index:2;max-width:715px}
.eyebrow{font-size:11px;letter-spacing:.185em;text-transform:uppercase;color:var(--green);font-weight:700;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";display:inline-block;height:1px;background:var(--green);width:28px}
.hero h1{font-size:clamp(54px,5.15vw,78px);letter-spacing:-.067em;line-height:1.075;font-weight:540;margin:26px 0 25px;}
.hero h1 span{color:var(--green);position:relative}
.hero p{color:#606b67;font-size:17px;line-height:1.86;max-width:520px;margin:0 0 34px}
.hero-actions{display:flex;gap:15px;flex-wrap:wrap}
.btn{padding:0 27px;min-height:53px;font-size:13px;font-weight:650}
.btn svg{width:18px;height:18px}
.btn.primary{color:#fff;background:var(--navy);border:1px solid var(--navy)}
.btn.outline{color:var(--navy);background:white;border:1px solid #d6ded7}
.btn.outline:hover{border-color:var(--green);background:#f8faf5}
.hero-footnote {display:flex; align-items:center;gap:12px;margin-top:50px;color:#6d7a73;font-size:11px;letter-spacing:.065em;text-transform:uppercase;}
.hero-footnote::before {content:"";width:30px;height:1px;background:#c6d3be;}
.hero-art {position:relative;display:flex;justify-content:center;align-items:center;min-height:565px;}
.hero-art::before{content:"";position:absolute;width:min(580px,97%);aspect-ratio:1;border:1px solid #e8eddf;border-radius:50%;transform:translate(18px,-8px);z-index:0}
.visual-panel{position:relative;width:min(505px,100%);height:535px;box-shadow:0 24px 70px rgba(26,53,31,.035);border-radius:47% 47% 24px 24px;overflow:hidden;background:var(--green-light);}
.visual-panel svg{width:100%;height:100%;display:block}
.art-caption{position:absolute;bottom:50px;left:-15px;min-height:87px;display:flex;align-items:center;gap:12px;padding:19px 25px;background:white;box-shadow:0 13px 35px rgba(15,52,39,.09);border:1px solid #f0f0ed;border-radius:5px;z-index:2}
.art-caption .seal{width:40px;height:40px;background:#edf4e3;color:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center}
.art-caption .seal svg{width:21px;height:21px}
.art-caption b{display:block;font-size:12px;font-weight:700;color:#284b2c;letter-spacing:.015em}
.art-caption span{display:block;margin-top:5px;font-size:11px;color:#738077}
.art-label{position:absolute;top:80px;right:-18px;color:var(--coffee);letter-spacing:.18em;writing-mode:vertical-rl;font-size:10px;font-weight:700;}
.plants-rule{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:white}
.plants-in{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:115px;align-items:center;}
.plant-step{display:flex;gap:20px;align-items:center;padding:0 45px;border-right:1px solid var(--hair)}
.plant-step:first-child{padding-left:0}.plant-step:last-child{border-right:0}
.plant-num{font-family:var(--serif);font-size:42px;color:#a2b588;line-height:1}
.plant-step b{display:block;font-size:14px;letter-spacing:-.015em;font-weight:650}
.plant-step p{color:#7f8881;font-size:12px;line-height:1.4;margin:7px 0 0}
.section{padding-block:128px}
.about-layout{display:grid;grid-template-columns:.96fr 1.04fr;gap:115px;align-items:center}
.section h2{font-size:clamp(40px,4.1vw,59px);letter-spacing:-.056em;line-height:1.17;font-weight:520;margin:21px 0 23px}
.section h2 em{font-family:var(--serif);font-weight:500;color:var(--green);font-size:1.1em}
.section-lead{font-size:15px;line-height:1.95;color:#68736d;max-width:570px;margin:0 0 27px}
.text-link{display:inline-flex;align-items:center;gap:16px;color:var(--navy);font-size:13px;font-weight:700;margin-top:10px;border-bottom:1px solid var(--navy);padding-bottom:7px;transition:gap .2s}
.text-link:hover{gap:22px}
.text-link svg{width:17px;height:17px}
.about-card{min-height:370px;background:#f5f8ef;border-radius:10px;padding:61px 60px 48px;position:relative;overflow:hidden;}
.about-card::after{content:"";position:absolute;width:320px;height:320px;border:1px solid #dce6d2;border-radius:100%;right:-80px;bottom:-182px}
.about-card .quote-mark{font-family:var(--serif);font-size:120px;line-height:.5;color:#b5c7a2;display:block;margin-bottom:24px}
.about-card blockquote{position:relative;z-index:1;font-family:var(--serif);font-size:34px;line-height:1.24;color:#264727;letter-spacing:-.015em;margin:0;max-width:475px}
.about-card .card-foot{position:relative;z-index:1;display:flex;gap:10px;align-items:center;margin-top:32px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--green);text-transform:uppercase}
.about-card .card-foot::before{content:"";width:25px;height:1px;background:var(--green)}
.pillars{background:linear-gradient(#fcfdfb,#fff);padding-top:108px;padding-bottom:125px;border-top:1px solid #eff0eb}
.section-header{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:45px}
.section-header h2{max-width:700px;margin-bottom:0}
.section-header .header-aside{max-width:345px;font-size:14px;color:#7d867f;line-height:1.8;padding-bottom:4px}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}
.pillar{border:1px solid #e6e9e1;background:white;border-radius:12px;padding:38px 35px 30px;min-height:365px;display:flex;flex-direction:column;transition:border-color .2s,transform .25s,box-shadow .25s}
.pillar:hover{transform:translateY(-6px);border-color:#d1ddc4;box-shadow:0 17px 44px #234b2510}
.icon-frame{width:74px;height:74px;border-radius:22px 22px 22px 4px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}
.icon-frame svg{width:39px;height:39px}
.pillar:nth-child(1) .icon-frame{background:#eff5e7;color:var(--green)}
.pillar:nth-child(2) .icon-frame{background:#ecf2f6;color:var(--navy)}
.pillar:nth-child(3) .icon-frame{background:#f8f0e9;color:var(--coffee)}
.pillar h3{font-size:22px;font-weight:590;letter-spacing:-.04em;margin:0 0 13px}
.pillar p{font-size:14px;line-height:1.85;color:#78817a;margin:0 0 28px;max-width:295px}
.pillar .pillar-rule{height:1px;background:#eceee9;width:100%;margin-top:auto;position:relative}
.pillar .pillar-rule::after{content:"↗";position:absolute;right:0;top:13px;color:var(--green);font-size:21px}
.story{padding-top:70px;padding-bottom:132px}
.story-layout{display:grid;grid-template-columns:.89fr 1.11fr;gap:64px;align-items:center}
.story-art{background:#f1f5ec;height:465px;position:relative;border-radius:11px;overflow:hidden;}
.story-art svg{width:100%;height:100%}
.story-tag{position:absolute;bottom:25px;left:28px;background:#fff;border-radius:3px;padding:16px 21px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:750;color:var(--green)}
.story-copy{padding-left:32px}
.story-copy h2{max-width:565px}
.story-copy p{color:#68746d;font-size:15px;line-height:1.92;max-width:560px}
.story-bullets{display:flex;gap:32px;margin-top:27px;flex-wrap:wrap}
.story-bullets span{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:650;color:#52695b}
.story-bullets svg{width:17px;height:17px;color:var(--green)}
.join{background:#f6f8f2;border-top:1px solid #eff1e9;border-bottom:1px solid #eff1e9;padding:96px 0}
.join-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}
.join h2{font-size:clamp(42px,4.05vw,58px);letter-spacing:-.06em;line-height:1.14;margin:22px 0;color:#263a2e;font-weight:550;max-width:660px}
.join h2 em{font-family:var(--serif);font-weight:500;color:var(--green)}
.join p{font-size:15px;line-height:1.85;color:#6b786d;max-width:525px;margin:0 0 29px}
.join-actions{display:flex;gap:15px;flex-wrap:wrap}
.join-mini{background:white;border:1px solid #e1e9db;border-radius:9px;overflow:hidden;padding:14px 32px}
.join-item{display:grid;grid-template-columns:55px 1fr 23px;gap:18px;align-items:center;padding:29px 0;border-bottom:1px solid #ecede8}
.join-item:last-child{border-bottom:none}
.join-no{font-family:var(--serif);font-size:32px;color:#a2b38f}
.join-item b{font-size:15px;font-weight:700;color:#314537}
.join-item p{font-size:12px;line-height:1.5;margin:7px 0 0;color:#89928c}
.join-item>svg{width:19px;color:var(--green)}
.contact{padding:112px 0 130px}
.contact-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:100px}
.contact h2{margin-top:24px}
.contact-note{display:flex;align-items:center;gap:14px;margin-top:43px;padding-top:25px;border-top:1px solid var(--hair);max-width:365px;color:#747f78;font-size:12px;line-height:1.6}
.contact-note svg{width:31px;height:31px;color:var(--green);flex:none}
.contact-form{border:1px solid #e7ebe3;border-radius:12px;padding:39px;background:#fff;box-shadow:0 14px 55px #23352a05}
.form-title{font-size:18px;letter-spacing:-.035em;font-weight:680;margin:0 0 27px}
.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.field label{font-size:12px;font-weight:650;color:#56655a}
.field input,.field textarea{border:1px solid #dfe6de;background:#fdfefc;outline:none;border-radius:5px;padding:15px 17px;font-size:13px;color:#243a2a;width:100%;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #607d301c}
.field textarea{min-height:118px;resize:vertical}
.form-bottom{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.form-bottom small{font-size:11px;color:#909b91;line-height:1.5;max-width:300px}
#form-status{display:none;font-size:12px;color:var(--green);background:#eff6e8;padding:14px;margin-top:20px;border-radius:5px}
footer{border-top:1px solid var(--hair);background:#fff}
.footer-content{display:grid;grid-template-columns: 1.3fr .7fr .7fr;gap:90px;padding-top:61px;padding-bottom:55px;}
.footer-brand img{width:156px;height:118px;object-fit:contain;object-position:left center}
.footer-brand p{font-size:13px;line-height:1.8;color:#7a877c;max-width:300px;margin:14px 0 0}
.footer-col h4{font-size:11px;font-weight:770;letter-spacing:.13em;text-transform:uppercase;color:#4c6252;margin:9px 0 22px}
.footer-col a{display:block;font-size:13px;margin-bottom:15px;color:#748077;transition:color .2s}
.footer-col a:hover{color:var(--green)}
.footer-bottom{border-top:1px solid #ebeee9;padding:24px 0;color:#88938a;font-size:11px}
.footer-bottom .container{display:flex;justify-content:space-between;gap:20px}
.footer-bottom b{color:var(--green);font-weight:650}
@media(min-width:1500px){.hero-in{min-height:711px}}
@media(max-width:1100px){.container{width:min(100% - 64px,1050px)}.desktop-nav{gap:23px}.hero h1{font-size:60px}.hero-art{min-height:485px}.visual-panel{height:465px}.art-caption{left:-6px}.about-layout{gap:55px}.story-layout{gap:26px}.story-copy{padding-left:15px}.contact-grid{gap:45px}}
@media(max-width:780px){.container{width:calc(100% - 40px)}.utility-in{height:30px;font-size:9px}.utility-in .second{display:none}.header-in{height:77px}.logo-link{width:95px}.logo-link img{height:68px}.desktop-nav,.header-cta{display:none}.mobile-toggle{display:flex}.mobile-nav.open{display:flex;flex-direction:column;gap:0;padding:8px 20px 22px;border-top:1px solid var(--hair)}.mobile-nav a{padding:13px 0;border-bottom:1px solid #f0f1eb;font-size:14px;color:#36483b}.mobile-nav a:last-child{color:var(--green);font-weight:700}.hero-in{grid-template-columns:1fr;padding-top:75px;padding-bottom:65px;gap:8px}.hero h1{font-size:clamp(47px,10vw,67px);letter-spacing:-.06em}.hero p{font-size:15px}.hero-art{min-height:435px}.visual-panel{height:410px;width:min(400px,86%)}.art-caption{left:10px;bottom:25px}.art-label{right:7px}.hero-footnote{margin-top:30px}.plants-in{grid-template-columns:1fr 1fr 1fr}.plant-step{padding:20px 12px;gap:12px}.plant-num{font-size:32px}.plant-step b{font-size:12px}.plant-step p{font-size:10px}.section{padding:80px 0}.about-layout,.story-layout,.join-grid,.contact-grid{grid-template-columns:1fr;gap:36px}.about-card{min-height:320px}.pillars{padding:80px 0}.pillars-grid{grid-template-columns:1fr;gap:15px}.pillar{min-height:235px;padding:27px}.pillar .icon-frame{margin-bottom:20px}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.story{padding:20px 0 85px}.story-art{height:400px}.story-copy{padding-left:0}.join{padding:75px 0}.contact{padding:80px 0}.contact-form{padding:25px}.footer-content{grid-template-columns:1fr 1fr;gap:20px}.footer-brand{grid-column:span 2}.footer-bottom .container{flex-direction:column}.section h2{font-size:clamp(40px,8vw,53px)}}
@media(max-width:440px){.container{width:calc(100% - 34px)}.hero-in{padding-top:58px}.hero h1{font-size:47px}.hero-art{min-height:385px}.visual-panel{height:365px}.art-caption{left:0;padding:12px;bottom:0;min-height:60px}.art-caption .seal{width:32px;height:32px}.art-label{display:none}.plants-in{grid-template-columns:1fr}.plant-step,.plant-step:first-child{padding:15px 0;border-right:none;border-bottom:1px solid var(--hair)}.plant-step:last-child{border-bottom:0}.about-card{padding:43px 30px;min-height:330px}.about-card blockquote{font-size:30px}.form-cols{grid-template-columns:1fr;gap:0}.section h2{font-size:42px}.story-art{height:330px}.join-item{grid-template-columns:43px 1fr 20px;gap:8px}.join-mini{padding:10px 19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* SIEMBRA — Refinamiento compacto de la propuesta ORIGINAL.
   Únicamente escala y espaciado; ninguna modificación de arte, textos o estructura. */
@media (min-width:781px) {
  .utility-in { height:32px; }
  .header-in { height:82px; }
  .logo-link { width:115px; }
  .logo-link img { height:70px; }
  .hero-in { min-height:575px; padding-top:34px; padding-bottom:36px; }
  .hero h1 { margin-top:20px; margin-bottom:21px; }
  .hero p { line-height:1.77; margin-bottom:26px; }
  .hero-footnote { margin-top:31px; }
  .hero-art { min-height:495px; }
  .hero-art::before { width:min(510px,96%); }
  .visual-panel { width:min(452px,100%); height:477px; }
  .art-caption { bottom:38px; padding:15px 22px; min-height:76px; }
  .art-label { top:65px; }
  .plants-in { min-height:96px; }
  .section { padding-top:92px; padding-bottom:92px; }
  .about-layout { gap:90px; }
  .about-card { min-height:325px; padding:49px 48px 37px; }
  .about-card .card-foot { margin-top:24px; }
  .pillars { padding-top:78px; padding-bottom:86px; }
  .section-header { margin-bottom:31px; }
  .pillar { min-height:304px; padding:30px 31px 26px; }
  .icon-frame { width:65px; height:65px; margin-bottom:25px; }
  .icon-frame svg { width:35px; height:35px; }
  .pillar p { margin-bottom:19px; }
  .story { padding-top:62px; padding-bottom:91px; }
  .story-art { height:398px; }
  .story-layout { gap:60px; }
  .join { padding:73px 0; }
  .join-item { padding:21px 0; }
  .contact { padding:84px 0 96px; }
  .contact-form { padding:32px; }
  .field { margin-bottom:17px; }
  .footer-content { padding-top:46px; padding-bottom:40px; }
  .footer-brand img { height:105px; }
}
@media (min-width:1500px) {
  .hero-in { min-height:597px; }
}
@media (max-width:780px) {
  .utility-in {height:28px;}
  .header-in {height:70px;}
  .logo-link img {height:63px;}
  .hero-in {min-height:0; padding-top:53px; padding-bottom:45px; gap:4px;}
  .hero h1 {margin:20px 0 19px;}
  .hero p {line-height:1.7; margin-bottom:24px;}
  .hero-footnote {margin-top:25px;}
  .hero-art {min-height:365px;}
  .visual-panel {height:355px; width:min(371px,86%);}
  .hero-art::before{width:min(405px,97%);}
  .art-caption {bottom:20px; min-height:66px; padding:13px 16px;}
  .plants-in {min-height:0;}
  .plant-step {padding-top:15px;padding-bottom:15px;}
  .section {padding:67px 0;}
  .about-layout {gap:29px;}
  .about-card {min-height:300px; padding:42px 34px;}
  .about-card .card-foot {margin-top:25px;}
  .pillars {padding:65px 0;}
  .section-header {margin-bottom:27px;}
  .pillar {min-height:218px; padding:25px;}
  .icon-frame {width:65px; height:65px; margin-bottom:18px;}
  .icon-frame svg {width:34px;height:34px;}
  .pillar p {margin-bottom:21px;}
  .story {padding:22px 0 68px;}
  .story-art {height:345px;}
  .join {padding:60px 0;}
  .join-item {padding:21px 0;}
  .contact {padding:65px 0 76px;}
  .contact-form {padding:25px;}
  .footer-content {padding-top:38px;padding-bottom:32px;}
  .footer-brand img {height:102px;}
}
@media (max-width:440px) {
  .hero-in {padding-top:44px; padding-bottom:40px;}
  .hero-art {min-height:345px;}
  .visual-panel {height:330px;}
  .art-caption {bottom:3px; padding:11px; min-height:60px;}
  .plant-step,.plant-step:first-child{padding:12px 0;}
  .about-card {padding:38px 30px;min-height:286px;}
  .story-art {height:305px;}
  .join-item {padding:17px 0;}
  .contact-form {padding:22px;}
}


/* SIEMBRA — 2ª revisión de compactación: ≈7 % menos altura
   con respecto al prototipo compacto aprobado. Se preservan todas
   las secciones, ilustraciones, textos, identidad y funcionalidad. */
@media (min-width:781px) {
  .utility-in{height:31px}
  .header-in{height:77px}
  .logo-link img{height:66px}
  .hero-in{min-height:534px;padding-top:23px;padding-bottom:24px}
  .hero h1{margin-top:14px;margin-bottom:16px}
  .hero p{margin-bottom:22px}
  .hero-footnote{margin-top:24px}
  .hero-art{min-height:462px}
  .hero-art::before{width:min(483px,96%)}
  .visual-panel{width:min(430px,100%);height:449px}
  .art-caption{bottom:26px;padding:13px 19px;min-height:70px}
  .art-label{top:56px}
  .plants-in{min-height:88px}
  .section{padding-top:77px;padding-bottom:77px}
  .section h2{margin-top:18px;margin-bottom:18px}
  .about-layout{gap:86px}
  .about-card{min-height:311px;padding:43px 45px 31px}
  .about-card .card-foot{margin-top:21px}
  .pillars{padding-top:63px;padding-bottom:67px}
  .section-header{margin-bottom:23px}
  .pillar{min-height:285px;padding:27px 29px 22px}
  .icon-frame{margin-bottom:21px}
  .pillar p{margin-bottom:17px}
  .story{padding-top:48px;padding-bottom:64px}
  .story-art{height:388px}
  .story-layout{gap:54px}
  .join{padding:56px 0}
  .join-item{padding:19px 0}
  .contact{padding:67px 0 73px}
  .contact-form{padding:30px}
  .field{margin-bottom:16px}
  .footer-content{padding-top:42px;padding-bottom:33px}
  .footer-brand img{height:100px}
}
@media (min-width:1500px) {
  .hero-in{min-height:554px}
}
@media (max-width:780px) {
  .utility-in{height:27px}
  .header-in{height:67px}
  .logo-link img{height:60px}
  .hero-in{padding-top:42px;padding-bottom:31px;gap:0}
  .hero h1{margin-top:15px;margin-bottom:15px}
  .hero p{margin-bottom:19px}
  .hero-footnote{margin-top:19px}
  .hero-art{min-height:325px}
  .visual-panel{height:317px;width:min(362px,86%)}
  .hero-art::before{width:min(383px,97%)}
  .art-caption{bottom:0;min-height:59px;padding:10px}
  .plant-step{padding-top:13px;padding-bottom:13px}
  .section{padding:53px 0}
  .section h2{margin-top:17px;margin-bottom:18px}
  .about-layout{gap:23px}
  .about-card{min-height:280px;padding:34px 30px}
  .about-card .card-foot{margin-top:20px}
  .pillars{padding:52px 0}
  .section-header{margin-bottom:24px}
  .pillars-grid{gap:12px}
  .pillar{min-height:210px;padding:20px}
  .pillar .icon-frame{margin-bottom:12px}
  .pillar p{margin-bottom:17px}
  .story{padding:17px 0 52px}
  .story-art{height:292px}
  .story-layout{gap:25px}
  .join{padding:51px 0}
  .join-grid{gap:30px}
  .join h2{margin-top:19px}
  .join-item{padding:14px 0}
  .contact{padding:55px 0 60px}
  .contact-grid{gap:29px}
  .contact-note{margin-top:34px;padding-top:21px}
  .contact-form{padding:19px}
  .field{margin-bottom:18px;gap:8px}
  .field input,.field textarea{padding:12px 15px}
  .field textarea{min-height:108px}
  .footer-content{padding-top:25px;padding-bottom:20px}
  .footer-brand img{height:92px}
  .footer-bottom{padding:21px 0}
}
@media (max-width:440px) {
  .hero-in{padding-top:34px;padding-bottom:30px}
  .hero-art{min-height:323px}
  .visual-panel{height:310px}
  .plant-step,.plant-step:first-child{padding:10px 0}
  .about-card{padding:32px 27px;min-height:268px}
  .story-art{height:292px}
  .join-item{padding:13px 0}
  .contact-form{padding:18px}
}


/* SIEMBRA · Propuesta cromática RÍOS / AGUA
   Se preserva exactamente la maqueta compacta aprobada.
   Los tonos nuevos refuerzan la representación del agua, sin alterar el logotipo. */
:root {
  --river:#126e96;
  --river-deep:#0a527b;
  --river-veil:#eff7fa;
  --river-border:#d9eaf1;
}
/* El foco de la portada suma el azul al verde de la siembra. */
.hero h1 .river-highlight{color:var(--river-deep)}
.hero-art::before{border-color:#dbeaf0}
.hero::before{border-color:#e0edf1}
.art-caption .seal{background:#e5f3f7;color:var(--river-deep)}
.art-caption b{color:#174e69}
.art-label{color:var(--river-deep)}
.hero-footnote::before{background:#a7cfdc}
/* Navegación y micro-detalles. */
.utility-in .second{color:var(--river-deep)}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--river-deep)}
.header-cta:hover,.btn.primary:hover{background:#12668c}
.btn.outline:hover{border-color:var(--river);background:#f2f9fb}
/* Tres pasos: verde (sembrar), azul (cuidar el agua), café/verde (transformar). */
.plant-step:nth-child(2) .plant-num{color:var(--river)}
.plant-step:nth-child(2) b{color:var(--river-deep)}
/* Sobre SIEMBRA: un panel de agua suave para equilibrar el verde. */
.about-card{background:linear-gradient(135deg,#edf7fa 0%,#eff7f8 58%,#f5faf8 100%)}
.about-card::after{border-color:#c5e3eb}
.about-card .quote-mark{color:#9ccbd9}
.about-card blockquote{color:#173f59}
.about-card .card-foot{color:var(--river-deep)}
.about-card .card-foot::before{background:var(--river)}
/* Pilares: se enfatiza discretamente el segundo sin cambiar su denominación. */
.pillar:nth-child(2){border-color:#d4e8f0;background:linear-gradient(180deg,#f3f9fb 0%,white 75%)}
.pillar:nth-child(2) .icon-frame{background:#deeff5;color:var(--river-deep)}
.pillar:nth-child(2) .pillar-rule::after{color:var(--river)}
/* La visión y los recursos naturales aparecen visualmente conectados con el río. */
.story-art{background:#edf7fa}
.story-tag{color:var(--river-deep)}
.story .eyebrow{color:var(--river-deep)}
.story .eyebrow::before{background-color:var(--river)}
.story h2 em{color:var(--river-deep)}
.story-bullets svg{color:var(--river)}
/* Franja de participación: agua clara, sin modificar su estructura ni tamaño. */
.join{background:linear-gradient(110deg,#f0f8fa 0%,#edf5f8 53%,#f7faf8 100%);border-color:#ddeaf0}
.join .eyebrow{color:var(--river-deep)}
.join .eyebrow::before{background:var(--river)}
.join-mini{border-color:#d9e9ee}
.join-no{color:#78a7bb}
.join-item>svg{color:var(--river)}
/* Contacto y pie de página: pequeños guiños azules. */
.contact .eyebrow{color:var(--river-deep)}
.contact .eyebrow::before{background:var(--river)}
.contact-note svg{color:var(--river)}
.contact h2 em{color:var(--river-deep)!important}
.field input:focus,.field textarea:focus{border-color:var(--river);box-shadow:0 0 0 3px #126e961c}
.footer-col h4{color:var(--river-deep)}
.footer-bottom b{color:var(--river-deep)}
@media (max-width:780px){
 .mobile-toggle{background:#eaf5f8}
 .mobile-nav a:last-child{color:var(--river-deep)}
}


/* SIEMBRA — galería funcional, agregada SIN modificar las secciones aprobadas. */
:focus-visible{outline:3px solid #126e96;outline-offset:4px}
.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.gallery-section{padding:64px 0 73px;background:linear-gradient(120deg,#fbfdfd,#f2f8fb);border-block:1px solid #e4eef3;scroll-margin-top:95px}
.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:30px}
.gallery-head h2{font-size:clamp(39px,4vw,58px);letter-spacing:-.06em;line-height:1.14;margin:17px 0 0;font-weight:560}
.gallery-head h2 em{font-family:var(--serif);font-weight:500;color:var(--river-deep)}
.gallery-head>p{max-width:340px;color:#63757b;font-size:14px;line-height:1.8;margin:0 0 4px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.video-card{background:#fff;border-radius:13px;border:1px solid #dce9ee;overflow:hidden;box-shadow:0 15px 32px #0c487010}
.video-frame{background:linear-gradient(145deg,#124a6c,#416d83);aspect-ratio:16/9;overflow:hidden}
.video-frame video{width:100%;height:100%;object-fit:contain;display:block}
.video-copy{padding:23px 24px 26px}.video-category{font-size:10px;letter-spacing:.14em;font-weight:780;text-transform:uppercase;color:#126e96}
.video-copy h3{font-size:20px;letter-spacing:-.035em;margin:9px 0 9px;font-weight:650;color:#1c3039}.video-copy p{font-size:13px;color:#687a7f;line-height:1.7;margin:0;white-space:pre-line}
.gallery-empty{display:flex;align-items:center;gap:25px;border:1px dashed #a7cdda;border-radius:13px;background:white;padding:30px 35px}
.gallery-empty-icon{border-radius:18px 18px 18px 3px;background:#e5f3f8;color:#0a527b;width:60px;height:60px;display:grid;place-items:center;flex:none}
.gallery-empty strong{font-size:17px;color:#17435d}.gallery-empty p{font-size:13px;color:#69808a;margin:7px 0 0}
.form-status-alert{color:#0c5d7e!important;background:#edf7fa!important;border:1px solid #c9e3ec!important}
.desktop-nav{gap:clamp(17px,2.1vw,31px)}
/* Responsive cleanups: 320px devices through desktop, no horizontal scroll. */
html,body{max-width:100%;overflow-x:clip}
@media(max-width:1100px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.gallery-section{padding:52px 0}.gallery-head{flex-direction:column;align-items:start;gap:10px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-empty{padding:22px}.hero-content,.story-copy{min-width:0}.mobile-nav{box-shadow:0 15px 30px #083a5210}}
@media(max-width:550px){.gallery-grid{grid-template-columns:1fr}.gallery-head h2{font-size:43px}.gallery-empty{align-items:start;gap:15px}.gallery-empty-icon{width:45px;height:45px;flex:none}.hero h1{font-size:clamp(37px,10vw,47px)}.hero-actions{gap:10px}.hero-actions .btn{font-size:11px;padding-left:17px;padding-right:17px;max-width:100%}.form-bottom .btn{max-width:100%}}
@media(max-width:350px){.hero h1{font-size:35px}.visual-panel{width:83%;height:285px}.hero-art{min-height:295px}.art-caption{font-size:10px;max-width:96%}.hero-actions{flex-direction:column;align-items:start}}
/* Blog futuro: emplea la tipografía y colores del sitio aprobado. */
.news-page{min-height:65vh;padding:75px 0 100px}.news-page h1{font-size:clamp(44px,5vw,74px);letter-spacing:-.06em;line-height:1.16;font-weight:560;margin:20px 0}.news-page h1 em,.post-page h1 em{font-family:var(--serif);font-weight:500;color:var(--river-deep)}.news-intro{color:#6d7e82;font-size:16px;line-height:1.9;max-width:720px;margin-bottom:48px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.news-card{border:1px solid #e0e9ee;border-radius:12px;overflow:hidden;background:#fff}.news-card img,.news-placeholder{height:225px;width:100%;object-fit:cover}.news-placeholder{background:linear-gradient(130deg,#eaf4e6,#d8eaf3);display:flex;align-items:center;justify-content:center;gap:13px;font-size:25px;color:var(--deep);letter-spacing:.2em}.news-card-inner{padding:25px}.news-card-inner h2{font-weight:650;font-size:23px;letter-spacing:-.045em;line-height:1.3;margin:12px 0}.news-card-inner p{color:#718184;font-size:13px;line-height:1.8;margin-bottom:20px}.post-page{padding:60px 0 95px}.post-page article{max-width:930px}.post-back{display:inline-block;margin-bottom:50px;font-size:13px;color:var(--river-deep);font-weight:700}.post-page h1{font-size:clamp(44px,6vw,76px);line-height:1.1;letter-spacing:-.06em;margin:20px 0 28px;font-weight:600}.post-lead{font-size:20px;line-height:1.7;color:#64777e;margin:0 0 40px}.post-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:40px}.post-content{font-size:16px;line-height:2;color:#374e58;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:45px}
@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.news-grid{grid-template-columns:1fr}.news-page{padding:52px 0 70px}.news-card img,.news-placeholder{height:200px}.post-page{padding:35px 0 70px}.post-back{margin-bottom:35px}}

/* SIEMBRA v1.1: prueba de logo horizontal. Monograma y palabra RECORTADOS del original. */
.logo-link {width:auto;min-width:0;display:inline-flex;align-items:center;justify-content:flex-start;gap:11px;flex:none;white-space:nowrap}
.logo-link .logo-symbol {width:auto;height:63px;max-width:none;object-fit:contain;flex:none}
.logo-link .logo-wordmark {width:153px;height:auto;max-width:none;object-fit:contain;flex:none}
.footer-brand .footer-lockup {display:inline-flex;align-items:center;gap:13px;max-width:100%}
.footer-brand .footer-lockup .logo-symbol {width:auto;height:77px;max-width:none;object-fit:contain}
.footer-brand .footer-lockup .logo-wordmark {width:176px;height:auto;max-width:calc(100vw - 180px);object-fit:contain}
@media(max-width:1220px) and (min-width:1031px) {
 .header-in {gap:17px}
 .logo-link {gap:8px}
 .logo-link .logo-symbol {height:55px}
 .logo-link .logo-wordmark {width:128px}
 .desktop-nav {gap:clamp(12px,1.3vw,18px)}
 .desktop-nav a {font-size:12px}
 .header-cta {padding-inline:15px}
}
/* At mid-sized widths, collapse nav before elements can overlap. */
@media(max-width:1030px) and (min-width:781px) {
 .desktop-nav,.header-cta {display:none}
 .mobile-toggle {display:flex}
 .mobile-nav.open {display:flex;flex-direction:column;gap:0;padding:8px 28px 22px;border-top:1px solid var(--hair);box-shadow:0 15px 30px #083a5210}
 .mobile-nav a {padding:13px 0;border-bottom:1px solid #f0f1eb;font-size:14px;color:#36483b}
 .mobile-nav a:last-child {color:var(--river-deep);font-weight:700}
}
@media(max-width:780px) {
 .logo-link {width:auto;gap:9px}
 .logo-link .logo-symbol {height:53px;width:auto}
 .logo-link .logo-wordmark {height:auto;width:121px}
 .footer-brand .footer-lockup .logo-symbol {height:69px}
 .footer-brand .footer-lockup .logo-wordmark {width:160px}
}
@media(max-width:380px) {
 .logo-link {gap:7px}
 .logo-link .logo-symbol {height:48px}
 .logo-link .logo-wordmark {width:112px}
}