@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=League+Spartan:wght@700;800;900&family=Poppins:wght@500;600;700;800&display=swap');
:root{
  --green-dark:#1C2A18; --green:#006600; --green-light:#6EEA8E; --purple:#826CF6; --purple-dark:#5F46D9;
  --cream:#FBFAF5; --lilac:#F5F1FF; --soft:#F6F8F4; --white:#fff; --text:#253122; --muted:#647064; --line:#E7E9E2;
  --shadow:0 18px 45px rgba(22,35,22,.10); --shadow-2:0 26px 70px rgba(22,35,22,.16); --radius:28px; --container:1180px;
}
*{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:Inter,Manrope,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.65} img,video{max-width:100%;display:block} a{text-decoration:none;color:inherit}.container{width:min(92%,var(--container));margin:auto}.section{padding:86px 0}.section-soft{background:var(--soft)}.section-lilac{background:var(--lilac)}.section-dark{background:var(--green-dark);color:#fff}h1,h2,h3,.nav a,.btn,.tag{font-family:'League Spartan',Poppins,Inter,sans-serif}h1{font-size:clamp(38px,5.2vw,76px);line-height:.97;letter-spacing:-1.6px}h2{font-size:clamp(30px,3.7vw,52px);line-height:1.05;letter-spacing:-.8px}h3{font-size:24px;line-height:1.15}p{color:var(--muted)}strong{color:var(--green-dark)}.tag{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(130,108,246,.12);color:var(--purple);font-weight:900;text-transform:uppercase;letter-spacing:.8px;font-size:13px;margin-bottom:18px}.tag.green{background:rgba(110,234,142,.22);color:var(--green)}.tag.light{background:rgba(255,255,255,.18);color:#fff}.section-heading{max-width:780px;margin-bottom:40px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading p{font-size:18px;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:15px 25px;font-weight:900;line-height:1;border:0;cursor:pointer;transition:.25s ease}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 14px 28px rgba(130,108,246,.25)}.btn-primary:hover{transform:translateY(-2px);background:var(--purple-dark)}.btn-secondary{background:var(--green-light);color:var(--green-dark);box-shadow:0 14px 28px rgba(110,234,142,.25)}.btn-secondary:hover{transform:translateY(-2px);filter:saturate(1.08)}.btn-outline{background:#fff;color:var(--purple);border:2px solid rgba(130,108,246,.55)}.btn-outline:hover{background:var(--purple);color:#fff}.btn-dona{background:linear-gradient(135deg,#6EEA8E,#826CF6);color:#fff;padding:14px 22px;box-shadow:0 14px 28px rgba(130,108,246,.28);white-space:nowrap}.btn-dona:hover{transform:translateY(-2px)}
.site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-shell{min-height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.brand{display:flex;justify-content:center}.brand img{width:156px;height:auto;object-fit:contain}.nav-left,.nav-right{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.nav-left{justify-content:flex-end}.nav-right{justify-content:flex-start}.nav a{font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.3px;color:var(--green-dark);transition:.25s ease}.nav a:hover,.nav a.active{color:var(--purple)}.lang-box{display:flex;align-items:center;justify-content:center}.goog-te-gadget{font-size:0!important}.goog-te-combo{appearance:none!important;border:2px solid rgba(130,108,246,.45)!important;border-radius:999px!important;padding:9px 30px 9px 12px!important;color:var(--purple)!important;font-weight:800!important;background:#fff!important;outline:0!important}.goog-logo-link,.goog-te-gadget span{display:none!important}.skiptranslate iframe{display:none!important}body{top:0!important}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 12%,rgba(110,234,142,.30),transparent 28%),linear-gradient(135deg,#826CF6 0%,#725DE8 55%,#1C2A18 140%);color:#fff}.hero-inner{min-height:650px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:58px;padding:62px 0}.hero h1{max-width:640px;font-size:clamp(38px,4.25vw,62px);line-height:1.02;text-shadow:0 18px 40px rgba(0,0,0,.16)}.hero p{color:rgba(255,255,255,.92);font-size:clamp(17px,1.45vw,21px);margin:24px 0 30px;max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-video-card{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:34px;padding:16px;box-shadow:var(--shadow-2);backdrop-filter:blur(10px)}.hero-video-card video{width:100%;max-height:530px;border-radius:24px;object-fit:cover;background:#000}.video-note{font-size:13px;color:rgba(255,255,255,.78);text-align:center;margin-top:10px}.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;opacity:.22;pointer-events:none}.hero-inner>*{position:relative;z-index:1}.page-hero{padding:110px 0 70px;background:linear-gradient(180deg,#F8F4FF 0%,#fff 100%)}.page-hero h1{max-width:940px;color:var(--green-dark)}.page-hero p{max-width:820px;font-size:19px;margin-top:18px}.page-hero.split{display:block}.hero-cover{position:relative;min-height:420px;border-radius:0 0 42px 42px;background-size:cover;background-position:center;display:flex;align-items:flex-end;overflow:hidden}.hero-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,42,24,.20),rgba(28,42,24,.75))}.hero-cover .container{position:relative;z-index:1;color:#fff;padding-bottom:72px}.hero-cover h1,.hero-cover p{color:#fff}.hero-cover p{max-width:760px;font-size:20px;margin-top:14px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.split-block{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-body{padding:28px}.card-body p+button,.card-body p+.btn,.card-body p+a{margin-top:16px}.image-card img{width:100%;height:290px;object-fit:cover}.feature-card{transition:.25s ease;height:100%}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2)}.feature-card h3{color:var(--purple);margin-bottom:12px}.feature-card img{height:280px;width:100%;object-fit:cover}.principles-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.principle-card{min-height:260px;padding:28px;border-radius:28px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);position:relative;overflow:hidden}.principle-card::before{content:"↗";position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green-light);color:var(--green-dark);font-weight:900}.principle-card h3{color:var(--green-dark);margin:42px 0 14px;font-size:23px}.principle-card:nth-child(even){background:var(--green-dark);color:#fff}.principle-card:nth-child(even) h3,.principle-card:nth-child(even) p{color:#fff}.stat-card{padding:30px 22px;text-align:center;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.stat-card:nth-child(odd){background:#6EEA8E}.stat-card:nth-child(even){background:#fff}.stat-card h3{font-size:42px;color:var(--purple);margin-bottom:10px}.stat-card:nth-child(odd) h3{color:#ffffff}.stat-card:nth-child(odd) p{color:#006600}.stat-card p{font-weight:600}.impact-strip{position:relative;border-radius:34px;overflow:hidden;min-height:330px;display:flex;align-items:center;background-size:cover;background-position:center}.impact-strip::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,42,24,.86),rgba(28,42,24,.32))}.impact-strip .content{position:relative;z-index:1;color:#fff;padding:54px;max-width:760px}.impact-strip h2,.impact-strip p{color:#fff}.timeline-pro{position:relative;max-width:1080px;margin:36px auto 0;padding:20px 0}.timeline-pro::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--purple),var(--green-light));transform:translateX(-50%);border-radius:99px}.timeline-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:70px;position:relative}.timeline-row::before{content:"";position:absolute;left:50%;top:45px;width:20px;height:20px;background:var(--green-light);border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 5px rgba(130,108,246,.18);transform:translateX(-50%);z-index:2}.timeline-row.reverse .timeline-text{grid-column:2}.timeline-row.reverse .timeline-img{grid-column:1;grid-row:1}.timeline-text{padding:28px;border-radius:24px;background:#fff;box-shadow:var(--shadow);border-top:5px solid var(--purple)}.timeline-row.reverse .timeline-text{border-top-color:var(--green-light)}.timeline-text span{color:var(--green);font-weight:900}.timeline-text h3{margin:6px 0 10px;color:var(--purple)}.timeline-img img{width:100%;height:265px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}.work-detail{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}.work-detail.reverse{grid-template-columns:1.05fr .95fr}.work-detail.reverse .work-img{order:2}.work-detail.reverse .work-copy{order:1}.work-img img{height:390px;width:100%;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.work-copy h2{color:var(--purple);margin-bottom:16px}.work-stack{display:grid;gap:38px}.context-box{padding:34px;border-radius:30px;background:#fff;border-left:8px solid var(--green-light);box-shadow:var(--shadow)}.service-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:24px;border-radius:30px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.service-card img{height:290px;width:100%;object-fit:cover;border-radius:22px}.service-card h3{color:var(--purple);font-size:30px;margin-bottom:12px}.zone-card{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;background:#fff;border-radius:30px;padding:24px;box-shadow:var(--shadow)}.zone-card img{height:280px;width:100%;object-fit:cover;border-radius:22px}.zone-card h3{color:var(--green-dark);font-size:28px}.zone-card .pin{color:var(--purple);font-weight:900;margin-bottom:8px;display:block}.story-card{display:grid;grid-template-columns:1fr 1.2fr;gap:0;background:var(--green-dark);color:#fff;border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}.story-card img,.story-card video{height:420px;width:100%;object-fit:cover}.story-card .story-content{padding:38px}.story-card h3,.story-card p{color:#fff}.story-card .project{color:var(--green-light);font-weight:900;margin:10px 0 16px}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.news-card{border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.news-card img{height:220px;width:100%;object-fit:cover}.news-card .card-body{padding:22px}.news-card h3{font-size:22px;color:var(--green-dark)}.donation-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start}.donation-options{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.donation-option{padding:24px 20px;border-radius:26px;background:#fff;border:2px solid rgba(130,108,246,.16);box-shadow:var(--shadow);text-align:center;position:relative}.donation-option .icon{font-size:42px}.donation-option h3{color:var(--purple);margin:8px 0}.donation-option strong{display:block;color:var(--green);font-size:20px;margin:8px 0}.form-card{padding:28px;border-radius:30px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}label{display:block;font-weight:800;color:var(--green-dark);font-size:13px;margin-bottom:7px}input,select,textarea{width:100%;border:1.5px solid var(--line);border-radius:16px;padding:13px 14px;font-family:Inter,sans-serif;font-size:15px;outline:0;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(130,108,246,.12)}textarea{min-height:112px;resize:vertical}.support-panel{padding:30px;border-radius:30px;background:linear-gradient(180deg,#F9F5FF,#F1FFF5);border:1px solid var(--line);box-shadow:var(--shadow)}.support-panel h3{color:var(--purple);margin-bottom:12px}.support-panel p{margin-bottom:10px}.pay-box{margin-top:24px;padding:24px;border-radius:24px;background:var(--green-dark);color:#fff}.pay-box p,.pay-box strong{color:#fff}.qr-box{margin-top:18px;padding:20px;border:2px dashed rgba(130,108,246,.35);border-radius:20px;text-align:center}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch}.contact-card{padding:32px;border-radius:30px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.contact-card h2{margin-bottom:18px}.contact-card p{font-size:16px;margin-bottom:12px}.map-card{border-radius:30px;overflow:hidden;box-shadow:var(--shadow);min-height:520px}.map-card iframe{width:100%;height:100%;border:0;display:block}.allies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.ally-box{padding:28px;border-radius:26px;background:#fff;box-shadow:var(--shadow);min-height:180px;display:flex;align-items:center;justify-content:center}.ally-box img{max-height:120px;object-fit:contain}.site-footer{background:#2F9E44;color:#fff;padding:38px 0}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-wrap img{width:150px}.footer-wrap p{color:rgba(255,255,255,.80)}.floating-buttons{position:fixed;right:18px;bottom:18px;z-index:1000;display:flex;flex-direction:column;gap:10px}.float-btn{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.24);transition:.25s ease}.float-btn:hover{transform:translateY(-3px) scale(1.04)}.float-btn svg{width:25px;height:25px;fill:#fff}.whatsapp{background:#25D366}.facebook{background:#1877F2}.youtube{background:#FF0000}.note{font-size:13px;color:var(--muted);margin-top:10px}.redirect-msg{min-height:100vh;display:grid;place-items:center;text-align:center;padding:30px}.redirect-msg .card{max-width:600px;padding:40px}
@media(max-width:1150px){.nav-shell{grid-template-columns:1fr}.nav-left,.nav-right,.brand{justify-content:center}.hero-inner,.split-block,.grid-2,.contact-grid,.donation-layout,.service-card,.zone-card,.story-card{grid-template-columns:1fr}.principles-grid{grid-template-columns:repeat(2,1fr)}.grid-4,.news-grid,.donation-options{grid-template-columns:repeat(2,1fr)}.work-detail,.work-detail.reverse{grid-template-columns:1fr}.work-detail.reverse .work-img,.work-detail.reverse .work-copy{order:initial}.timeline-pro::before{left:14px}.timeline-row,.timeline-row.reverse{grid-template-columns:1fr;gap:18px;padding-left:48px;margin-bottom:45px}.timeline-row::before{left:14px}.timeline-row.reverse .timeline-text,.timeline-row.reverse .timeline-img{grid-column:auto;grid-row:auto}}
@media(max-width:720px){.section{padding:64px 0}.nav-shell{gap:14px;min-height:auto;padding:18px 0}.nav-left,.nav-right{gap:12px}.nav a{font-size:12px}.brand img{width:136px}.hero-inner{min-height:auto;padding:60px 0}.hero-actions .btn{width:100%}.principles-grid,.grid-3,.grid-4,.news-grid,.donation-options,.allies-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.impact-strip .content{padding:32px}.story-card img,.story-card video{height:310px}.map-card{min-height:420px}.floating-buttons{right:12px;bottom:12px}.float-btn{width:44px;height:44px}}


/* =========================================================
   SELECTOR DE IDIOMA PERSONALIZADO
   Oculta el logo/imagen de Google y muestra un botón propio.
   ========================================================= */
.translate-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.goog-te-gadget,
.goog-te-gadget-simple,
.goog-te-combo,
.goog-logo-link,
.goog-te-gadget span,
.goog-te-gadget img,
.goog-te-banner-frame,
.skiptranslate iframe{
  display:none!important;
  visibility:hidden!important;
}
body{top:0!important;}
.language-widget{
  position:relative;
  z-index:1000;
}
.language-toggle{
  min-width:88px;
  height:42px;
  border:2px solid rgba(28,42,24,.78);
  background:#fff;
  color:#1C2A18;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 13px;
  font-family:'Poppins', sans-serif;
  font-weight:800;
  font-size:14px;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(28,42,24,.08);
}
.language-icon{
  width:27px;
  height:27px;
  border:1.8px solid rgba(0,102,0,.55);
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f7fff8;
}
.language-icon svg{
  width:17px;
  height:17px;
  fill:#006600;
}
.language-caret{
  font-size:15px;
  line-height:1;
  transform:translateY(-1px);
}
.language-panel{
  position:absolute;
  top:54px;
  right:0;
  width:230px;
  padding:16px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e8e9ef;
  box-shadow:0 18px 42px rgba(15,25,15,.16);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.22s ease;
}
.language-widget.open .language-panel{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.language-panel p{
  margin:0 0 12px;
  color:#1C2A18;
  font-size:13px;
  font-weight:900;
  letter-spacing:.5px;
}
.language-panel button{
  width:100%;
  border:0;
  background:#fff;
  color:#1C2A18;
  padding:11px 13px;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-family:'Inter', sans-serif;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  text-align:left;
}
.language-panel button:hover,
.language-panel button:focus{
  background:#c6c9b9;
  outline:0;
}
.language-panel button span{
  color:#006600;
  opacity:.85;
}
@media(max-width:1100px){
  .language-panel{right:auto;left:0;}
}

/* =========================================================
   CORRECCIÓN HEADER + IDIOMA + DONA EN UNA SOLA LÍNEA
   Evita que el botón DONA baje y descuadre la portada.
   ========================================================= */
.site-header .nav-shell{
  min-height:88px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
}
.site-header .brand img{
  width:128px!important;
}
.site-header .nav-left,
.site-header .nav-right{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
  min-width:0!important;
}
.site-header .nav-left{justify-content:flex-end!important;}
.site-header .nav-right{justify-content:flex-start!important;}
.site-header .nav a{
  white-space:nowrap!important;
  font-size:13px!important;
  line-height:1!important;
}
.language-widget{
  flex:0 0 auto!important;
}
.language-toggle{
  min-width:78px!important;
  width:auto!important;
  height:42px!important;
  padding:0 12px!important;
  gap:6px!important;
}
.language-icon{
  width:24px!important;
  height:24px!important;
}
.language-icon svg{
  width:15px!important;
  height:15px!important;
}
.btn-dona{
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
@media(max-width:1240px){
  .site-header .nav-shell{gap:10px!important;}
  .site-header .brand img{width:116px!important;}
  .site-header .nav-left,
  .site-header .nav-right{gap:11px!important;}
  .site-header .nav a{font-size:12px!important;}
  .btn-dona{padding:0 15px!important;}
  .language-toggle{min-width:72px!important;padding:0 10px!important;}
  .language-icon{width:22px!important;height:22px!important;}
}
@media(max-width:980px){
  .site-header .nav-shell{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding:12px 0!important;
    gap:10px!important;
  }
  .site-header .brand{order:1;justify-content:center!important;}
  .site-header .nav-left{order:2;justify-content:center!important;flex-wrap:wrap!important;}
  .site-header .nav-right{order:3;justify-content:center!important;flex-wrap:wrap!important;}
}


/* =========================================================
   CHECK ACTIVO DEL SELECTOR DE IDIOMA
   Solo aparece en el idioma seleccionado.
   ========================================================= */
.language-panel button .language-check{
  color:#006600!important;
  opacity:0!important;
  visibility:hidden!important;
}
.language-panel button.active .language-check{
  opacity:1!important;
  visibility:visible!important;
}
.language-panel button.active{
  background:#f7fff8!important;
}


/* =========================================================
   FIX TRADUCTOR GOOGLE OCULTO PERO FUNCIONAL
   El widget real queda invisible, pero disponible para que JS lo active.
   ========================================================= */
#google_translate_element.translate-hidden .goog-te-gadget,
#google_translate_element.translate-hidden .goog-te-combo,
#google_translate_element.translate-hidden select{
  display:block!important;
  visibility:visible!important;
}
#google_translate_element.translate-hidden .goog-te-gadget{
  font-size:0!important;
}
#google_translate_element.translate-hidden .goog-logo-link,
#google_translate_element.translate-hidden .goog-te-gadget span,
#google_translate_element.translate-hidden .goog-te-gadget img{
  display:none!important;
  visibility:hidden!important;
}
iframe.goog-te-banner-frame,
.goog-te-banner-frame,
body > .skiptranslate{
  display:none!important;
  visibility:hidden!important;
}
body{
  top:0!important;
}


/* =========================================================
   AJUSTE V7 - PORTADA MÁS EQUILIBRADA
   Texto menos pesado y sin subtítulo debajo del video.
   ========================================================= */
.hero-inner{
  grid-template-columns:1fr .92fr!important;
  gap:58px!important;
  min-height:640px!important;
  padding:58px 0!important;
}
.hero h1{
  max-width:650px!important;
  font-size:clamp(34px,4.2vw,58px)!important;
  line-height:1.08!important;
  letter-spacing:-1.2px!important;
}
.hero p{
  max-width:610px!important;
  font-size:clamp(16px,1.25vw,20px)!important;
  line-height:1.65!important;
  margin:20px 0 28px!important;
}
.hero-video-card{
  padding:16px!important;
}
.hero-video-card video{
  display:block!important;
  max-height:430px!important;
}
.video-note{
  display:none!important;
}
@media(max-width:1150px){
  .hero-inner{
    grid-template-columns:1fr!important;
    text-align:center!important;
    gap:34px!important;
  }
  .hero h1,.hero p{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero-actions{justify-content:center!important;}
}
@media(max-width:720px){
  .hero h1{font-size:clamp(31px,9vw,44px)!important;}
  .hero-video-card video{max-height:320px!important;}
}


/* Corrección: las tarjetas de enfoques ahora son enlaces reales */
.principle-card{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.principle-card p{
  color:var(--muted);
}
.principle-card:nth-child(even) p{
  color:#fff;
}
.principle-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-2);
}
.principle-card:focus-visible{
  outline:4px solid rgba(110,234,142,.65);
  outline-offset:4px;
}

/* Contenido detallado al que dirigen las flechas de enfoques */
.focus-detail-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
.focus-detail-card{
  scroll-margin-top:130px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:28px;
  box-shadow:var(--shadow);
  min-height:280px;
  transition:.25s ease;
}
.focus-detail-card:nth-child(even){
  background:var(--green-dark);
  color:#fff;
}
.focus-detail-card:nth-child(even) p,
.focus-detail-card:nth-child(even) h3{
  color:#fff;
}
.focus-detail-card:target{
  box-shadow:0 0 0 4px rgba(110,234,142,.60), var(--shadow-2);
  transform:translateY(-4px);
}
.focus-number{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:var(--green-light);
  color:var(--green-dark);
  font-weight:900;
  margin-bottom:16px;
}
.focus-detail-card h3{
  color:var(--purple);
  font-size:25px;
  margin-bottom:12px;
}

@media(max-width:1150px){
  .focus-detail-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:720px){
  .focus-detail-grid{grid-template-columns:1fr;}
}


/* =========================================================
   V9 - BOTÓN "CONOCE NUESTRO TRABAJO"
   Redirige al enunciado con formato visual e imágenes de acompañamiento.
   ========================================================= */
#que-hacemos{
  scroll-margin-top:120px;
}
.work-showcase{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:stretch;
  overflow:hidden;
  border-radius:30px;
  box-shadow:var(--shadow-2);
  background:#0d321f;
  border:1px solid rgba(28,42,24,.12);
}
.work-showcase-img img{
  width:100%;
  height:360px;
  object-fit:cover;
  object-position:center 36%;
}
.work-showcase-collage{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:360px;
}
.work-showcase-collage img{
  width:100%;
  height:360px;
  object-fit:cover;
  display:block;
}
.work-showcase-collage img:first-child{
  object-position:center 35%;
}
.work-showcase-collage img:last-child{
  object-position:center 45%;
}
.work-showcase-copy{
  background:#12321f;
  color:#fff;
  padding:48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.work-showcase-copy .mini-route{
  font-family:'Poppins',sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
  margin-bottom:16px;
}
.work-showcase-copy h2{
  color:#fff;
  margin-bottom:18px;
}
.work-showcase-copy p{
  color:rgba(255,255,255,.88);
  font-size:18px;
  max-width:560px;
}
.work-gallery-heading{
  margin-top:64px;
}
.work-gallery-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
}
.work-gallery-two img{
  width:100%;
  height:430px;
  object-fit:cover;
  object-position:center;
  border-radius:28px;
  box-shadow:var(--shadow);
}
.work-gallery-two img:first-child{
  object-position:center 35%;
}
@media(max-width:900px){
  .work-showcase,
  .work-gallery-two{
    grid-template-columns:1fr;
  }
  .work-showcase-img img,
  .work-gallery-two img{
    height:300px;
  }
  .work-showcase-collage{
    grid-template-columns:1fr;
  }
  .work-showcase-collage img{
    height:260px;
  }
  .work-showcase-copy{
    padding:32px;
  }
}


/* =========================================================
   V13 - Nuestro trabajo solo con dos imágenes
   ========================================================= */
.work-showcase.only-images{
  display:block !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:0 18px 45px rgba(28,42,24,.12) !important;
  border-radius:30px !important;
  overflow:hidden !important;
}
.work-showcase.only-images .work-showcase-collage{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  width:100% !important;
  min-height:380px !important;
}
.work-showcase.only-images .work-showcase-collage img{
  width:100% !important;
  height:420px !important;
  object-fit:cover !important;
  display:block !important;
}
.work-showcase.only-images .work-showcase-collage img:first-child{
  object-position:center 35% !important;
}
.work-showcase.only-images .work-showcase-collage img:last-child{
  object-position:center 45% !important;
}
.work-showcase.only-images .work-showcase-copy{
  display:none !important;
}
@media(max-width:900px){
  .work-showcase.only-images .work-showcase-collage{
    grid-template-columns:1fr !important;
  }
  .work-showcase.only-images .work-showcase-collage img{
    height:280px !important;
  }
}

/* =========================================================
   AJUSTE CONTACTO COMPACTO
   Reduce el cuadro blanco de datos para que no quede vacío
   ========================================================= */
.contact-grid{
  align-items: center !important;
}

.contact-card{
  align-self: center !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 30px 32px !important;
}

.contact-card .tag{
  margin-bottom: 18px !important;
}

.contact-card p{
  margin-bottom: 12px !important;
}

.contact-card .btn{
  margin-top: 8px !important;
}

@media(max-width: 1150px){
  .contact-grid{
    align-items: stretch !important;
  }
}

/* =========================================================
   AJUSTE MAPA ESTABLE - CONTACTO
   Mantiene el mapa visible y evita cortes al compactar el bloque.
   ========================================================= */
.map-card{
  min-height: 440px !important;
  height: 440px !important;
  border-radius: 30px !important;
  overflow: hidden !important;
}
.map-card iframe{
  width: 100% !important;
  height: 100% !important;
  min-height: 440px !important;
  border: 0 !important;
  display: block !important;
}
@media(max-width: 1150px){
  .map-card,
  .map-card iframe{
    min-height: 380px !important;
    height: 380px !important;
  }
}

/* =========================================================
   AJUSTE V26 - NOVEDADES SOLO CON 2 COLORES DE PALETA
   Orden: #6EEA8E / #826CF6 / #6EEA8E / #826CF6
   ========================================================= */
#novedades .news-card{
  border: none !important;
  box-shadow: 0 16px 38px rgba(28, 42, 24, 0.12) !important;
}

#novedades .news-card .card-body{
  min-height: 225px !important;
}

#novedades .news-card:nth-child(1),
#novedades .news-card:nth-child(3){
  background: #6EEA8E !important;
}

#novedades .news-card:nth-child(2),
#novedades .news-card:nth-child(4){
  background: #826CF6 !important;
}

#novedades .news-card:nth-child(1) h3,
#novedades .news-card:nth-child(1) p,
#novedades .news-card:nth-child(3) h3,
#novedades .news-card:nth-child(3) p{
  color: #1C2A18 !important;
}

#novedades .news-card:nth-child(2) h3,
#novedades .news-card:nth-child(2) p,
#novedades .news-card:nth-child(4) h3,
#novedades .news-card:nth-child(4) p{
  color: #ffffff !important;
}

#novedades .news-card h3{
  margin-bottom: 12px !important;
}


/* =========================================================
   NUESTRA TRAYECTORIA - MODELO CON PESTAÑAS
   Reemplaza la línea de tiempo vertical por una presentación compacta.
   ========================================================= */
.trajectory-modern{
  max-width:1080px;
  margin:0 auto;
  padding:30px;
  border-radius:34px;
  background:linear-gradient(180deg,#ffffff 0%,#f7fff8 100%);
  box-shadow:var(--shadow);
  border:1px solid var(--line);
}
.trajectory-head{
  text-align:center;
  margin-bottom:28px;
}
.trajectory-head h2{
  color:var(--green-dark);
  max-width:780px;
  margin:0 auto 10px;
}
.trajectory-head p{
  font-size:16px;
  margin-bottom:18px;
}
.trajectory-tabs{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}
.trajectory-tabs button{
  border:2px solid rgba(130,108,246,.32);
  background:#fff;
  color:var(--purple);
  border-radius:999px;
  padding:9px 18px;
  font-family:'Poppins',Inter,sans-serif;
  font-weight:900;
  cursor:pointer;
  transition:.22s ease;
}
.trajectory-tabs button:hover,
.trajectory-tabs button.active{
  background:var(--purple);
  color:#fff;
  border-color:var(--purple);
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(130,108,246,.22);
}
.trajectory-panel{
  display:none;
  grid-template-columns:.95fr 1.05fr;
  gap:34px;
  align-items:center;
  min-height:360px;
}
.trajectory-panel.active{
  display:grid;
}
.trajectory-image img{
  width:100%;
  height:360px;
  object-fit:cover;
  border-radius:28px;
  box-shadow:var(--shadow);
}
.trajectory-info{
  padding:10px 8px;
}
.trajectory-year{
  display:inline-flex;
  align-items:center;
  margin-bottom:12px;
  color:#006600;
  font-weight:900;
  font-family:'Poppins',Inter,sans-serif;
}
.trajectory-info h3{
  color:var(--purple);
  font-size:clamp(28px,3vw,42px);
  margin-bottom:14px;
}
.trajectory-info p{
  font-size:18px;
  max-width:520px;
}
@media(max-width:900px){
  .trajectory-modern{padding:22px;}
  .trajectory-panel,
  .trajectory-panel.active{grid-template-columns:1fr;}
  .trajectory-image img{height:280px;}
}

/* =========================================================
   AJUSTE V34 - ENFOQUES MÁS COMPACTOS
   Se reducen los rectángulos de la sección Nuestros enfoques.
   ========================================================= */
#enfoques .focus-detail-grid{
  gap:14px !important;
}
#enfoques .focus-detail-card{
  padding:20px 18px !important;
  border-radius:22px !important;
  min-height:0 !important;
  box-shadow:0 14px 32px rgba(28,42,24,.10) !important;
}
#enfoques .focus-number{
  width:34px !important;
  height:34px !important;
  font-size:13px !important;
  margin-bottom:12px !important;
}
#enfoques .focus-detail-card h3{
  font-size:21px !important;
  line-height:1.16 !important;
  margin-bottom:10px !important;
}
#enfoques .focus-detail-card p{
  font-size:15px !important;
  line-height:1.48 !important;
}
@media(max-width:1150px){
  #enfoques .focus-detail-card{
    padding:22px !important;
  }
}

/* =========================================================
   AJUSTE V35 - ENFOQUES CON VERDE CLARO DE PALETA
   Tarjetas alternadas: blanco / #6EEA8E / blanco / #6EEA8E / blanco.
   ========================================================= */
#enfoques .focus-detail-card{
  background:#ffffff !important;
  color:#4f6354 !important;
  border:1px solid rgba(28,42,24,.10) !important;
}
#enfoques .focus-detail-card h3{
  color:#826CF6 !important;
}
#enfoques .focus-detail-card p{
  color:#4f6354 !important;
}
#enfoques .focus-detail-card:nth-child(even){
  background:#6EEA8E !important;
  color:#006600 !important;
}
#enfoques .focus-detail-card:nth-child(even) h3,
#enfoques .focus-detail-card:nth-child(even) p{
  color:#006600 !important;
}
#enfoques .focus-detail-card:nth-child(even) .focus-number{
  background:#ffffff !important;
  color:#006600 !important;
}


/* =========================================================
   V36 - Ajuste Nuestro Trabajo
   Título más pequeño y texto contextual justificado.
   ========================================================= */
.work-hero h1{
  font-size:clamp(34px,4.1vw,58px)!important;
  line-height:1.08!important;
  max-width:980px!important;
}
.context-box p{
  text-align:justify;
  text-justify:inter-word;
}
.context-box p + p{
  margin-top:12px;
}
@media(max-width:720px){
  .work-hero h1{
    font-size:clamp(30px,9vw,42px)!important;
  }
  .context-box p{
    text-align:left;
  }
}


/* v37: mueve el botón "Conoce nuestro trabajo" a la sección de principios y elimina "Dona ahora" de portada */
.heading-with-action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  max-width:1050px!important;
  margin:0 auto!important;
  position:relative!important;
}
.heading-with-action h2{
  margin:0!important;
}
.section-action-btn{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  box-shadow:0 16px 30px rgba(110,234,142,.22)!important;
}
.section-heading.center .heading-with-action + p{
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:1000px){
  .heading-with-action{
    flex-direction:column!important;
    gap:18px!important;
  }
}

/* =========================================================
   V38 - Ajuste visual del botón "Conoce nuestro trabajo"
   Más compacto y más cerca del título de principios.
   ========================================================= */
.heading-with-action{
  gap:22px!important;
  max-width:900px!important;
  align-items:center!important;
}
.heading-with-action h2{
  max-width:620px!important;
}
.section-action-btn{
  padding:12px 22px!important;
  font-size:13px!important;
  min-width:auto!important;
  box-shadow:0 12px 24px rgba(110,234,142,.20)!important;
}
@media(max-width:1000px){
  .heading-with-action{
    gap:14px!important;
  }
  .heading-with-action h2{
    max-width:720px!important;
  }
}


/* =========================================================
   V39 - Botón "Conoce nuestro trabajo" al costado derecho,
   sin afectar el título de Principios.
   ========================================================= */
#principios .section-heading.center{
  position:relative!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:48px!important;
  padding-right:0!important;
}
#principios .heading-with-action{
  display:block!important;
  max-width:none!important;
  margin:0 auto!important;
  position:static!important;
}
#principios .heading-with-action h2{
  max-width:none!important;
  margin:0 auto!important;
  text-align:center!important;
}
#principios .principles-side-btn{
  position:absolute!important;
  right:-165px!important;
  bottom:-6px!important;
  padding:10px 20px!important;
  font-size:13px!important;
  line-height:1!important;
  min-width:auto!important;
  white-space:nowrap!important;
  box-shadow:0 12px 24px rgba(110,234,142,.18)!important;
}
@media(max-width:1250px){
  #principios .principles-side-btn{
    right:-95px!important;
  }
}
@media(max-width:1050px){
  #principios .section-heading.center{
    max-width:780px!important;
  }
  #principios .principles-side-btn{
    position:static!important;
    margin-top:18px!important;
  }
}

/* =========================================================
   V40 - Botón "Conoce nuestro trabajo" al costado de tarjetas
   Título normal centrado; botón pequeño, a la derecha, sin competir.
   ========================================================= */
#principios .section-heading.center{
  position:static!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:26px!important;
  padding-right:0!important;
}
#principios .heading-with-action{
  display:block!important;
  max-width:none!important;
  margin:0 auto!important;
  position:static!important;
}
#principios .heading-with-action h2{
  max-width:none!important;
  margin:0 auto!important;
  text-align:center!important;
}
#principios .principles-action-row{
  max-width:1180px!important;
  margin:-6px auto 18px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  padding:0 28px!important;
}
#principios .principles-side-btn{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  padding:9px 18px!important;
  font-size:12px!important;
  line-height:1!important;
  min-width:auto!important;
  white-space:nowrap!important;
  box-shadow:0 10px 20px rgba(110,234,142,.16)!important;
}
@media(max-width:900px){
  #principios .principles-action-row{
    justify-content:center!important;
    margin:10px auto 22px!important;
    padding:0 18px!important;
  }
}

/* =========================================================
   V41 - Principios con verde claro de paleta
   Se reemplaza el verde oscuro en tarjetas 2 y 4 por #6EEA8E.
   El texto pasa a #006600 y las flechas quedan en círculo blanco.
   El botón se vuelve morado para no saturar de verde.
   ========================================================= */
#principios .principle-card:nth-child(even){
  background:#6EEA8E !important;
  color:#006600 !important;
}
#principios .principle-card:nth-child(even) h3,
#principios .principle-card:nth-child(even) p{
  color:#006600 !important;
}
#principios .principle-card:nth-child(even)::before{
  background:#ffffff !important;
  color:#006600 !important;
}
#principios .principles-side-btn{
  background:#826CF6 !important;
  color:#ffffff !important;
  box-shadow:0 10px 22px rgba(130,108,246,.20)!important;
}
#principios .principles-side-btn:hover{
  background:#7560e8 !important;
  color:#ffffff !important;
}

/* v43: contadores - números en verde oscuro */
.stat-card h3,
.stat-card:nth-child(odd) h3,
.stat-card:nth-child(even) h3 {
  color: #006600 !important;
}

/* v44: contadores - solo números de tarjetas verdes en verde oscuro */
.stat-card:nth-child(odd) h3 {
  color: #006600 !important;
}
.stat-card:nth-child(even) h3 {
  color: #826CF6 !important;
}


/* v45: botón Leer más en Promotoras */
.promotoras-heading{
  max-width:760px!important;
}
.readmore-widget{
  margin-top:14px;
}
.readmore-toggle{
  background:#826CF6;
  color:#ffffff;
  padding:12px 24px;
  font-size:14px;
  box-shadow:0 12px 24px rgba(130,108,246,.20);
}
.readmore-toggle:hover{
  background:#7560e8;
  transform:translateY(-2px);
}
.readmore-content{
  margin-top:18px;
  padding:22px 24px;
  background:#ffffff;
  border-left:6px solid #6EEA8E;
  border-radius:22px;
  box-shadow:0 16px 38px rgba(28,42,24,.08);
}
.readmore-content p{
  font-size:17px!important;
  line-height:1.75;
  text-align:justify;
  margin:0!important;
}
@media(max-width:720px){
  .readmore-content p{
    text-align:left;
  }
}


/* =========================================================
   V48 - Portada: video institucional ocupando el lado derecho
   El video queda más alto y alineado con el texto principal.
   ========================================================= */
.hero-inner{
  grid-template-columns: .92fr 1.08fr !important;
  align-items: center !important;
  gap: 56px !important;
  min-height: 640px !important;
}
.hero-video-card{
  width: 100% !important;
  height: min(560px, calc(100vh - 170px)) !important;
  min-height: 470px !important;
  padding: 16px !important;
  display: flex !important;
  align-items: stretch !important;
}
.hero-video-card video{
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 22px !important;
}
.hero h1{
  max-width: 690px !important;
}
.hero p{
  max-width: 650px !important;
}
@media(max-width:1150px){
  .hero-inner{
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .hero-video-card{
    height: 420px !important;
    min-height: 320px !important;
  }
}
@media(max-width:720px){
  .hero-video-card{
    height: 280px !important;
    min-height: 240px !important;
  }
}

/* =========================================================
   V51 - Principios: solo iconos y títulos
   Se quitan los textos largos y las flechas decorativas.
   ========================================================= */
#principios .principles-icons-grid{
  align-items:stretch;
}
#principios .principle-icon-card,
#principios .principle-icon-card:nth-child(even){
  min-height:260px!important;
  padding:28px 18px!important;
  background:#ffffff!important;
  color:#1C2A18!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
}
#principios .principle-icon-card::before{
  display:none!important;
}
#principios .principle-icon-card img{
  width:118px!important;
  height:118px!important;
  object-fit:contain!important;
  display:block!important;
}
#principios .principle-icon-card h3,
#principios .principle-icon-card:nth-child(even) h3{
  margin:0!important;
  color:#006600!important;
  font-size:22px!important;
  line-height:1.15!important;
}
@media(max-width:1100px){
  #principios .principles-icons-grid{
    grid-template-columns:repeat(3,1fr)!important;
  }
}
@media(max-width:720px){
  #principios .principles-icons-grid{
    grid-template-columns:1fr!important;
  }
  #principios .principle-icon-card{
    min-height:220px!important;
  }
}


/* =========================================================
   V52 - Principios: iconos reemplazados y ajustados para que no se corten
   Derechos humanos se mantiene, los demás usan imágenes individuales.
   ========================================================= */
#principios .principle-icon-card img{
  width:132px!important;
  height:132px!important;
  max-width:82%!important;
  object-fit:contain!important;
  object-position:center!important;
}
#principios .principle-icon-card{
  overflow:visible!important;
}
#principios .principle-icon-card h3{
  word-break:normal!important;
}

/* =========================================================
   V53 - Principios: alinear visualmente el ícono de Derechos humanos
   ========================================================= */
#principios .principle-icon-card:first-child img{
  width:122px!important;
  height:122px!important;
  transform:translateY(8px)!important;
  margin-bottom:2px!important;
}

/* v54 - Encabezado de Nuestro Trabajo en formato imagen + bloque institucional */
.work-hero-format{
  padding:84px 0 58px;
  background:linear-gradient(180deg,#ffffff 0%,#F7FAF7 100%);
}
.work-hero-card{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  max-width:980px;
  margin:0 auto;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 22px 55px rgba(28,42,24,.10);
  border:1px solid rgba(28,42,24,.08);
  background:#fff;
}
.work-hero-image{
  min-height:330px;
}
.work-hero-image img{
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
  display:block;
}
.work-hero-copy{
  background:#0E3B22;
  color:#fff;
  padding:58px 54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.work-hero-copy .mini-route{
  color:#6EEA8E;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:18px;
}
.work-hero-copy h1{
  color:#fff;
  font-size:clamp(38px,4.6vw,58px);
  line-height:1;
  margin:0 0 20px;
}
.work-hero-copy p{
  color:#fff;
  font-size:20px;
  line-height:1.55;
  max-width:560px;
}
@media(max-width:900px){
  .work-hero-format{padding:54px 0 38px;}
  .work-hero-card{grid-template-columns:1fr;}
  .work-hero-image,.work-hero-image img{min-height:260px;}
  .work-hero-copy{padding:36px 28px;}
  .work-hero-copy p{font-size:16px;}
}

/* =========================================================
   V55 - Nuestro Trabajo más parecido al modelo de referencia
   ========================================================= */
.work-hero-format{
  padding:54px 0 44px!important;
  background:#fff!important;
}
.work-hero-card{
  grid-template-columns:1fr 1fr!important;
  max-width:1170px!important;
  min-height:300px!important;
  border-radius:18px!important;
  box-shadow:none!important;
  border:none!important;
  background:#0E3B22!important;
}
.work-hero-image,
.work-hero-image img{
  min-height:300px!important;
  height:300px!important;
}
.work-hero-image img{
  object-fit:cover!important;
  object-position:center center!important;
}
.work-hero-copy{
  background:#0E3B22!important;
  padding:42px 48px!important;
}
.work-hero-copy .mini-route{
  font-size:12px!important;
  margin-bottom:14px!important;
}
.work-hero-copy h1{
  font-size:clamp(32px,3.3vw,46px)!important;
  line-height:1.05!important;
  margin-bottom:16px!important;
}
.work-hero-copy p{
  font-size:17px!important;
  line-height:1.45!important;
  max-width:520px!important;
}
@media(max-width:900px){
  .work-hero-card{grid-template-columns:1fr!important;}
  .work-hero-image,.work-hero-image img{height:260px!important;min-height:260px!important;}
  .work-hero-copy{padding:34px 26px!important;}
}


/* =========================================================
   V56 - Encabezado Nuestro Trabajo full width y paleta
   ========================================================= */
.work-hero-format{
  padding:0!important;
  background:#ffffff!important;
}
.work-hero-format > .container{
  max-width:100%!important;
  width:100%!important;
  padding:0!important;
}
.work-hero-card{
  width:100%!important;
  max-width:none!important;
  min-height:330px!important;
  border-radius:0!important;
  box-shadow:none!important;
  border:none!important;
  background:#006600!important;
  grid-template-columns:1fr 1fr!important;
}
.work-hero-image,
.work-hero-image img{
  height:330px!important;
  min-height:330px!important;
}
.work-hero-image img{
  object-fit:cover!important;
  object-position:center center!important;
}
.work-hero-copy{
  background:#006600!important;
  padding:48px 70px!important;
  justify-content:center!important;
}
.work-hero-copy .mini-route{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  padding:11px 22px!important;
  border-radius:999px!important;
  background:rgba(110,234,142,.24)!important;
  color:#ffffff!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  margin-bottom:18px!important;
}
.work-hero-copy h1{
  font-size:clamp(32px,3.6vw,50px)!important;
  line-height:1.04!important;
  margin:0 0 16px!important;
  color:#ffffff!important;
}
.work-hero-copy p{
  font-size:20px!important;
  line-height:1.45!important;
  max-width:560px!important;
  color:#ffffff!important;
}
@media(max-width:900px){
  .work-hero-card{grid-template-columns:1fr!important;}
  .work-hero-image,
  .work-hero-image img{height:250px!important;min-height:250px!important;}
  .work-hero-copy{padding:34px 24px!important;}
  .work-hero-copy h1{font-size:36px!important;}
  .work-hero-copy p{font-size:16px!important;}
}


/* =========================================================
   V57 - Nuestro Trabajo: verde claro de paleta y sin repetición
   ========================================================= */
.work-hero-card{
  background:#6EEA8E!important;
}
.work-hero-copy{
  background:#6EEA8E!important;
}
.work-hero-copy .mini-route{
  background:rgba(255,255,255,.46)!important;
  color:#006600!important;
}
.work-hero-copy h1{
  color:#006600!important;
}
.work-hero-copy p{
  color:#0f3f17!important;
  font-weight:700!important;
}

/* =========================================================
   V58 - Nuestro Trabajo: verde #6EEA8E con mejor contraste
   ========================================================= */
.work-hero-card{
  background:#6EEA8E!important;
}
.work-hero-copy{
  background:linear-gradient(135deg,#6EEA8E 0%,#BFF7CE 100%)!important;
  color:#1C2A18!important;
}
.work-hero-copy .mini-route{
  background:#826CF6!important;
  color:#ffffff!important;
  box-shadow:0 12px 26px rgba(130,108,246,.18)!important;
}
.work-hero-copy h1{
  color:#006600!important;
  text-shadow:none!important;
}
.work-hero-copy p{
  color:#1C2A18!important;
  font-weight:700!important;
  max-width:590px!important;
}
.work-hero-copy h1::after{
  content:"";
  display:block;
  width:72px;
  height:5px;
  border-radius:999px;
  background:#826CF6;
  margin-top:14px;
}


/* =========================================================
   V59 - Nuestro Trabajo: quitar pastilla, línea morada y unificar color de texto
   ========================================================= */
.work-hero-copy .mini-route{
  display:none!important;
}
.work-hero-copy h1::after{
  display:none!important;
  content:none!important;
}
.work-hero-copy p{
  color:#006600!important;
}


/* =========================================================
   V60 - Carrusel de imágenes en Nuestro Trabajo
   Reemplaza la galería fija por un carrusel visual.
   ========================================================= */
.work-carousel{
  position:relative;
  width:100%;
  max-width:1080px;
  margin:0 auto;
  border-radius:26px;
  overflow:hidden;
  background:#f7faf6;
  box-shadow:0 22px 48px rgba(28,42,24,.12);
  border:1px solid rgba(28,42,24,.08);
}
.work-carousel-viewport{
  position:relative;
  height:clamp(300px, 39vw, 500px);
  background:linear-gradient(135deg, rgba(110,234,142,.14), rgba(130,108,246,.10));
}
.work-carousel-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.01);
  transition:opacity .45s ease, transform .55s ease;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.work-carousel-slide.active{
  opacity:1;
  transform:scale(1);
  z-index:1;
}
.work-carousel-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}
.work-carousel-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:var(--green-dark);
  font-size:34px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(28,42,24,.18);
}
.work-carousel-btn.prev{left:18px;}
.work-carousel-btn.next{right:18px;}
.work-carousel-btn:hover{
  background:var(--green-light);
}
.work-carousel-dots{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:5;
  display:flex;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
}
.work-carousel-dots button{
  width:10px;
  height:10px;
  border:0;
  border-radius:50%;
  background:rgba(28,42,24,.26);
  cursor:pointer;
}
.work-carousel-dots button.active{
  width:24px;
  border-radius:999px;
  background:var(--purple);
}
@media(max-width:720px){
  .work-carousel{border-radius:20px;}
  .work-carousel-viewport{height:280px;}
  .work-carousel-btn{width:38px;height:38px;font-size:28px;}
  .work-carousel-btn.prev{left:10px;}
  .work-carousel-btn.next{right:10px;}
}

/* V61 - carrusel de Nuestro Trabajo ligeramente más compacto */


/* =========================================================
   V63 - Servicios actualizados
   Imágenes nuevas y texto de servicios ajustado.
   ========================================================= */
#servicios .section-heading p{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}
#servicios .service-card p{
  max-width:620px;
}
#servicios .service-card img{
  object-fit:cover;
  object-position:center;
}


/* v67: tres logros institucionales debajo del hero de Impacto */
.impact-pillars-section{
  padding:48px 0 20px;
  background:#ffffff;
}
.impact-pillars-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  max-width:1040px;
  margin:0 auto;
}
.impact-pillar-card{
  background:#ffffff;
  border:1px solid rgba(130,108,246,.16);
  border-radius:18px;
  padding:24px 24px 26px;
  box-shadow:0 18px 45px rgba(28,42,24,.08);
  min-height:176px;
  display:flex;
  flex-direction:column;
  gap:15px;
}
.impact-pillar-number{
  width:40px;
  height:40px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:'League Spartan',Poppins,Inter,sans-serif;
  font-size:21px;
  font-weight:900;
  line-height:1;
  color:#ffffff;
  background:#826CF6;
  box-shadow:0 10px 22px rgba(130,108,246,.22);
}
.impact-pillar-card:nth-child(2) .impact-pillar-number{
  background:#6EEA8E;
  color:#006600;
  box-shadow:0 10px 22px rgba(110,234,142,.24);
}
.impact-pillar-card p{
  color:#006600;
  font-size:15.5px;
  line-height:1.45;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.15px;
}
.impact-stats-section{
  padding-top:46px!important;
}
@media(max-width:900px){
  .impact-pillars-grid{grid-template-columns:1fr;}
  .impact-pillar-card{min-height:auto;}
}
@media(max-width:720px){
  .impact-pillars-section{padding:36px 0 10px;}
}


/* v69: Promotoras en formato GIF */
.promotoras-gif-card{
  max-width: 980px;
  margin: 34px auto 0;
  padding: 18px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(28,42,24,.08);
  border-radius: 30px;
  box-shadow: 0 18px 42px rgba(28,42,24,.08);
}
.promotoras-gif-header{
  display:flex;
  justify-content:center;
  margin-bottom:16px;
}
.promotoras-gif-card img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:22px;
}
@media(max-width:720px){
  .promotoras-gif-card{
    padding:10px;
    border-radius:22px;
  }
  .promotoras-gif-card img{
    border-radius:16px;
  }
}


/* v70: video tipo GIF con fotos originales */
.promotoras-gif-card video.promotoras-video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:22px;
  background:#0f1f13;
}
@media(max-width:720px){
  .promotoras-gif-card video.promotoras-video{
    border-radius:16px;
  }
}

/* =========================================================
   V71 - Promotoras: presentación más compacta
   Se reduce el tamaño visual del video para que no domine la sección.
   ========================================================= */
.promotoras-gif-card{
  max-width: 760px !important;
  margin: 28px auto 0 !important;
  padding: 14px !important;
  border-radius: 24px !important;
}
.promotoras-gif-header{
  margin-bottom: 12px !important;
}
.promotoras-gif-card video.promotoras-video,
.promotoras-gif-card img{
  border-radius: 18px !important;
}
@media(max-width:900px){
  .promotoras-gif-card{
    max-width: 86% !important;
  }
}
@media(max-width:720px){
  .promotoras-gif-card{
    max-width: 100% !important;
    padding: 10px !important;
  }
}

/* v73: videos de Zona Norte y Zona Sur sin recorte */
.zone-card video.zone-video{
  height:280px;
  width:100%;
  object-fit:contain;
  object-position:center;
  border-radius:22px;
  background:#F7F1FF;
  display:block;
}
@media(max-width:700px){
  .zone-card video.zone-video{
    height:260px;
  }
}

/* v74: videos/collage de Zona Norte y Zona Sur en formato cuadrado para eliminar espacios laterales */
.zone-card{
  grid-template-columns:minmax(0,1fr) auto !important;
}
.zone-card:nth-child(even){
  grid-template-columns:auto minmax(0,1fr) !important;
}
.zone-card video.zone-video{
  width:clamp(300px,32vw,430px) !important;
  max-width:100% !important;
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:22px !important;
  background:transparent !important;
  display:block !important;
}
.zone-card:not(:nth-child(even)) video.zone-video{
  justify-self:end !important;
}
.zone-card:nth-child(even) video.zone-video{
  justify-self:start !important;
}
@media(max-width:1150px){
  .zone-card,
  .zone-card:nth-child(even){
    grid-template-columns:1fr !important;
  }
  .zone-card video.zone-video{
    width:min(100%,520px) !important;
    justify-self:center !important;
  }
}

/* v75: tarjetas de zonas más compactas y equilibradas */
#proyectos .work-stack{
  gap:28px !important;
}
#proyectos .zone-card{
  padding:20px 24px !important;
  gap:28px !important;
  align-items:center !important;
  min-height:0 !important;
}
#proyectos .zone-card > div{
  align-self:center !important;
  max-width:620px !important;
}
#proyectos .zone-card h3{
  font-size:clamp(24px,2.2vw,29px) !important;
  line-height:1.16 !important;
  margin-bottom:8px !important;
}
#proyectos .zone-card p{
  font-size:clamp(16px,1.35vw,18px) !important;
  line-height:1.55 !important;
  margin:0 !important;
}
#proyectos .zone-card video.zone-video{
  width:clamp(290px,28vw,370px) !important;
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:22px !important;
  justify-self:end !important;
}
#proyectos .zone-card:nth-child(even) video.zone-video{
  justify-self:start !important;
}
@media(max-width:1150px){
  #proyectos .zone-card,
  #proyectos .zone-card:nth-child(even){
    grid-template-columns:1fr !important;
    padding:18px !important;
  }
  #proyectos .zone-card > div{
    max-width:100% !important;
  }
  #proyectos .zone-card video.zone-video{
    width:min(100%,420px) !important;
    justify-self:center !important;
  }
  #proyectos .zone-card:nth-child(even) video.zone-video{
    order:2 !important;
    justify-self:center !important;
  }
  #proyectos .zone-card:nth-child(even) > div{
    order:1 !important;
  }
}
@media(max-width:700px){
  #proyectos .zone-card video.zone-video{
    width:min(100%,360px) !important;
  }
}


/* =========================================================
   V76 - Carrusel Nuestro Trabajo: fondo difuminado para evitar espacios vacíos
   ========================================================= */
.work-carousel{
  background:#ffffff;
}
.work-carousel-viewport{
  background:linear-gradient(135deg, rgba(110,234,142,.16), rgba(130,108,246,.12));
}
.work-carousel-slide{
  overflow:hidden;
  background:transparent;
}
.work-carousel-slide .work-carousel-bg{
  position:absolute;
  inset:-32px;
  width:calc(100% + 64px);
  height:calc(100% + 64px);
  object-fit:cover;
  object-position:center;
  filter:blur(22px);
  transform:scale(1.08);
  opacity:.42;
  z-index:0;
  display:block;
}
.work-carousel-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.40), rgba(255,255,255,.14), rgba(255,255,255,.40));
  z-index:1;
  pointer-events:none;
}
.work-carousel-slide .work-carousel-main{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  filter:drop-shadow(0 12px 24px rgba(28,42,24,.14));
}
.work-carousel-btn,
.work-carousel-dots{
  z-index:6;
}

/* =========================================================
   AJUSTE V77 - NUESTRA TRAYECTORIA CON CONTENIDO DEL PDF
   Se conserva el diseño de pestañas, pero se respeta el contenido enviado.
   ========================================================= */
#trayectoria .trajectory-modern{
  max-width:1080px;
  padding:34px 30px 36px;
}
#trayectoria .trajectory-head h2{
  max-width:920px;
  text-transform:none;
  line-height:1.12;
}
#trayectoria .trajectory-lead{
  max-width:900px;
  margin:16px auto 24px;
  font-size:16px;
  line-height:1.75;
  text-align:justify;
}
#trayectoria .trajectory-tabs{
  margin-top:8px;
}
#trayectoria .trajectory-panel{
  grid-template-columns:.92fr 1.08fr;
  gap:34px;
  align-items:start;
  min-height:0;
  padding-top:8px;
}
#trayectoria .trajectory-image img{
  height:380px;
  object-fit:cover;
}
#trayectoria .trajectory-info{
  padding:4px 4px 4px 0;
}
#trayectoria .trajectory-info h3{
  font-size:clamp(28px,2.7vw,38px);
  line-height:1.1;
  margin-bottom:14px;
}
#trayectoria .trajectory-info p{
  max-width:none;
  font-size:16.5px;
  line-height:1.75;
  text-align:justify;
  margin-bottom:12px;
}
@media(max-width:900px){
  #trayectoria .trajectory-modern{
    padding:24px 18px;
  }
  #trayectoria .trajectory-panel,
  #trayectoria .trajectory-panel.active{
    grid-template-columns:1fr;
  }
  #trayectoria .trajectory-image img{
    height:280px;
  }
  #trayectoria .trajectory-lead,
  #trayectoria .trajectory-info p{
    text-align:left;
  }
}

/* =========================================================
   AJUSTE V78 - IMÁGENES DE TRAYECTORIA MÁS GRANDES Y SIN RECORTE
   Se amplía el espacio visual de la línea de tiempo y se muestra la foto completa.
   ========================================================= */
#trayectoria .trajectory-modern{
  max-width:1180px !important;
}
#trayectoria .trajectory-panel{
  grid-template-columns:1.16fr .84fr !important;
  gap:36px !important;
  align-items:center !important;
}
#trayectoria .trajectory-image{
  padding:10px !important;
  border-radius:32px !important;
  background:linear-gradient(135deg,rgba(110,234,142,.18),rgba(130,108,246,.10)) !important;
  box-shadow:0 18px 42px rgba(28,42,24,.12) !important;
}
#trayectoria .trajectory-image img{
  width:100% !important;
  height:auto !important;
  max-height:430px !important;
  object-fit:contain !important;
  display:block !important;
  border-radius:24px !important;
  box-shadow:none !important;
  background:#ffffff !important;
}
#trayectoria .trajectory-info p{
  font-size:16px !important;
  line-height:1.72 !important;
}
@media(max-width:900px){
  #trayectoria .trajectory-panel,
  #trayectoria .trajectory-panel.active{
    grid-template-columns:1fr !important;
  }
  #trayectoria .trajectory-image img{
    max-height:none !important;
    height:auto !important;
  }
}

/* =========================================================
   V79 - HISTORIAS DE VIDAS FORTALECIDAS + NOVEDADES FORMATO PDF
   ========================================================= */
.historias-page .historias-hero{
  background:linear-gradient(180deg,#f7fff8 0%,#ffffff 100%);
}
.historias-page .life-stories-section{
  background:#ffffff;
}
.featured-testimony{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:0;
  border-radius:34px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid rgba(28,42,24,.10);
  box-shadow:0 24px 60px rgba(28,42,24,.12);
}
.featured-testimony-media{
  background:linear-gradient(180deg,rgba(110,234,142,.18),rgba(130,108,246,.14));
  min-height:100%;
  display:flex;
  align-items:stretch;
}
.featured-testimony-media img{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
}
.featured-testimony-content{
  padding:42px 46px;
}
.story-kicker{
  display:inline-flex;
  align-items:center;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(130,108,246,.12);
  color:#826CF6;
  font-family:'League Spartan',Poppins,Inter,sans-serif;
  font-size:13px;
  font-weight:900;
  letter-spacing:.7px;
  text-transform:uppercase;
  margin-bottom:14px;
}
.featured-testimony h3,
.video-testimony-card h3{
  color:#1C2A18;
  font-size:clamp(28px,3vw,40px);
  margin-bottom:8px;
}
.featured-testimony .project,
.video-testimony-card .project{
  color:#006600;
  font-weight:900;
  margin-bottom:18px;
}
.featured-testimony-content p:not(.project){
  color:#4f5d50;
  font-size:16px;
  line-height:1.72;
  text-align:justify;
  margin-top:14px;
}
.video-testimonials-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:30px;
}
.video-testimony-card{
  display:grid;
  grid-template-columns:.92fr 1fr;
  gap:22px;
  align-items:center;
  padding:24px;
  border-radius:30px;
  background:linear-gradient(135deg,#F1FFF5 0%,#F8F4FF 100%);
  border:1px solid rgba(28,42,24,.10);
  box-shadow:0 18px 44px rgba(28,42,24,.10);
}
.video-testimony-card video{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:22px;
  background:#000;
}
.video-icon-box{
  width:100%;
  min-height:260px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#1C2A18,#006600);
  color:#6EEA8E;
  font-size:58px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
.novedades-list-section{
  background:#F8F4FF;
}
.historias-page #novedades .news-card,
.historias-page #novedades .novedad-row{
  background:#ffffff!important;
  color:#1C2A18!important;
}
.novedades-list{
  display:grid;
  gap:26px;
}
.novedad-row{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:28px;
  align-items:center;
  padding:26px;
  border-radius:32px;
  border:1px solid rgba(28,42,24,.10);
  box-shadow:0 20px 52px rgba(28,42,24,.11)!important;
  overflow:hidden;
}
.novedad-row.reverse{
  grid-template-columns:1.1fr .9fr;
}
.novedad-row.reverse img{
  order:2;
}
.novedad-row.reverse div{
  order:1;
}
.novedad-row img{
  width:100%;
  height:300px;
  object-fit:cover;
  border-radius:24px;
  box-shadow:0 14px 32px rgba(28,42,24,.12);
}
.novedad-row h3{
  color:#1C2A18!important;
  font-size:clamp(25px,2.3vw,34px);
  margin:8px 0 12px;
}
.novedad-row p{
  color:#4f5d50!important;
  font-size:16px;
  line-height:1.75;
  text-align:justify;
  margin-top:10px;
}
.news-number{
  width:44px;
  height:44px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  background:#6EEA8E;
  color:#006600;
  font-family:'League Spartan',Poppins,Inter,sans-serif;
  font-weight:900;
  font-size:22px;
}
@media(max-width:1150px){
  .featured-testimony,
  .video-testimonials-grid,
  .video-testimony-card,
  .novedad-row,
  .novedad-row.reverse{
    grid-template-columns:1fr;
  }
  .novedad-row.reverse img,
  .novedad-row.reverse div{
    order:initial;
  }
  .featured-testimony-media img{
    min-height:auto;
    height:520px;
  }
}
@media(max-width:720px){
  .featured-testimony-content{
    padding:28px;
  }
  .featured-testimony-media img,
  .video-testimony-card video,
  .video-icon-box,
  .novedad-row img{
    height:300px;
    min-height:300px;
  }
  .video-testimony-card,
  .novedad-row{
    padding:18px;
  }
}


/* =========================================================
   V80 - HISTORIAS SIN TEXTOS AGREGADOS
   ========================================================= */
.historias-page .historias-hero{
  padding:80px 0 36px;
}
.historias-page .life-stories-section{
  padding-top:50px;
}
.historias-page .novedades-list-section .section-heading{
  margin-bottom:34px;
}


/* ===== Sección Donar - Manos que apoyan ===== */
.donate-hero-new{background:radial-gradient(circle at 12% 10%,rgba(110,234,142,.28),transparent 32%),linear-gradient(135deg,#ffffff 0%,#f7fff8 54%,#f2efff 100%)}
.donate-hero-new h1{max-width:920px;margin-left:auto;margin-right:auto}.donate-hero-new p{font-weight:900;color:#006600;font-size:24px}.donation-section-new{background:#faf8ff}.donation-intro-new{text-align:center;max-width:850px;margin:0 auto 28px}.donation-intro-new h2{color:#006600;margin-top:12px}.donation-intro-new p{max-width:760px;margin:10px auto 0}.donation-cards-new{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:34px}.donation-card-new{background:#fff;border:2px solid rgba(130,108,246,.16);box-shadow:var(--shadow);border-radius:26px;padding:24px 18px;text-align:center;position:relative;overflow:hidden;transition:.25s ease;display:flex;flex-direction:column;gap:8px;min-height:360px}.donation-card-new::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(110,234,142,.18),rgba(130,108,246,.08));opacity:.75;pointer-events:none}.donation-card-new>*{position:relative}.donation-card-new:hover,.donation-card-new.active{transform:translateY(-5px);box-shadow:var(--shadow-2);border-color:#826CF6}.donation-icon-new{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;margin:0 auto 8px;background:#f2efff;font-size:38px}.donation-card-new h3{color:#006600;font-size:25px}.donation-card-new strong{display:block;color:#826CF6;font-size:20px;font-weight:900}.donation-card-new p{font-size:15px;line-height:1.55;text-align:left;margin-top:4px}.donation-select-new{margin-top:auto;border:0;border-radius:999px;padding:12px 15px;background:#826CF6;color:#fff;font-weight:900;font-family:Inter,sans-serif;cursor:pointer;box-shadow:0 12px 24px rgba(130,108,246,.23)}.donation-select-new:hover{filter:brightness(.95)}.donation-register-new{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start}.donation-form-new h2{margin:12px 0 8px;color:#006600}.donation-form-note-new{font-weight:700;color:#826CF6;margin-bottom:18px}.check-label-new{display:flex;gap:10px;align-items:flex-start;line-height:1.45;color:var(--muted);font-size:14px}.check-label-new input{width:auto;margin-top:2px}.donation-submit-new{width:100%;border:none}.donation-side-new{display:grid;gap:20px}.yape-card-new,.support-contact-new{background:#fff;border-radius:30px;box-shadow:var(--shadow);border:1px solid var(--line);padding:26px}.yape-card-new h3{color:#826CF6;font-size:34px;margin:12px 0}.yape-card-new p,.support-contact-new p{margin-bottom:10px}.yape-card-new img{display:block;max-width:245px;width:100%;margin:18px auto 0;border-radius:18px;box-shadow:0 16px 35px rgba(130,108,246,.24)}.support-contact-new{background:linear-gradient(145deg,#fff,#f2efff)}.support-contact-new h3{color:#006600;margin-bottom:12px}.support-contact-new strong{color:#006600}.donation-option,.pay-box{display:none!important}
@media(max-width:1150px){.donation-cards-new{grid-template-columns:repeat(2,1fr)}.donation-register-new{grid-template-columns:1fr}}
@media(max-width:720px){.donation-cards-new{grid-template-columns:1fr}.donation-card-new{min-height:auto}.donate-hero-new p{font-size:20px}.yape-card-new img{max-width:210px}.check-label-new{font-size:13px}}

/* ===== Ajuste v85: encabezado Donar alineado a la izquierda ===== */
.donate-hero-new{
  padding:90px 0 72px;
}
.donate-hero-new .container{
  text-align:left;
}
.donate-hero-new h1{
  max-width:920px;
  margin:18px 0 0;
}
.donate-hero-new p{
  max-width:760px;
  margin:24px 0 0;
}
@media(max-width:720px){
  .donate-hero-new{padding:68px 0 52px}
  .donate-hero-new h1{margin-top:14px}
  .donate-hero-new p{margin-top:18px}
}

/* =========================================================
   V87 - HISTORIAS EN CARRUSEL SEGÚN REFERENCIA
   ========================================================= */
.stories-carousel{
  position:relative;
  max-width:980px;
  margin:0 auto;
  padding:0 34px 34px;
}
.stories-track{
  min-height:400px;
}
.story-slide{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  min-height:400px;
  border-radius:32px;
  overflow:hidden;
  background:#006600;
  border:1px solid rgba(0,102,0,.16);
  box-shadow:0 22px 55px rgba(28,42,24,.16);
}
.story-slide[hidden]{display:none!important}
.story-slide-media{
  min-height:400px;
  background:#eefcf2;
  display:flex;
  align-items:stretch;
  justify-content:center;
}
.story-slide-media img,
.story-slide-media video{
  width:100%;
  height:100%;
  min-height:400px;
  display:block;
  object-fit:cover;
}
.story-slide-content{
  padding:34px 38px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.story-slide-content .story-kicker{
  align-self:flex-start;
  background:#6EEA8E;
  color:#006600;
  margin-bottom:16px;
}
.story-slide-content h3{
  color:#fff;
  font-size:clamp(28px,2.7vw,40px);
  line-height:1.06;
  margin:0 0 10px;
}
.story-slide-content .project{
  color:#6EEA8E;
  font-weight:900;
  font-size:16px;
  margin:0 0 16px;
}
.story-scroll-text{
  max-height:245px;
  overflow:auto;
  padding-right:10px;
  scrollbar-width:thin;
  scrollbar-color:#6EEA8E rgba(255,255,255,.18);
}
.story-scroll-text p{
  color:#fff;
  font-size:15px;
  line-height:1.58;
  text-align:justify;
  margin:0 0 14px;
}
.story-video-media video{
  object-fit:contain;
  background:#111;
}
.story-video-pending{
  background:linear-gradient(135deg,#6EEA8E 0%,#826CF6 100%);
  padding:38px;
}
.story-video-pending .video-icon-box{
  min-height:100%;
  height:100%;
  border-radius:26px;
  background:#006600;
  color:#6EEA8E;
}
.stories-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width:50px;
  height:50px;
  border:none;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#6EEA8E;
  color:#006600;
  font-size:38px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(28,42,24,.18);
}
.stories-prev{left:8px}
.stories-next{right:8px}
.stories-dots{
  display:flex;
  justify-content:center;
  gap:9px;
  margin-top:20px;
}
.stories-dots button{
  width:10px;
  height:10px;
  border:0;
  border-radius:50%;
  background:rgba(0,102,0,.25);
  padding:0;
  cursor:pointer;
}
.stories-dots button.active{
  width:28px;
  border-radius:999px;
  background:#826CF6;
}
@media(max-width:900px){
  .stories-carousel{padding:0 24px 30px}
  .story-slide{grid-template-columns:1fr}
  .story-slide-media,
  .story-slide-media img,
  .story-slide-media video{min-height:360px;height:360px}
  .story-slide-content{padding:32px}
  .story-scroll-text{max-height:none;overflow:visible}
  .stories-arrow{width:44px;height:44px}
  .stories-prev{left:0}.stories-next{right:0}
}
@media(max-width:600px){
  .stories-carousel{padding:0 8px 26px}
  .story-slide{border-radius:24px}
  .story-slide-media,
  .story-slide-media img,
  .story-slide-media video{min-height:300px;height:300px}
  .story-slide-content{padding:26px 24px}
  .stories-arrow{top:285px;width:40px;height:40px;font-size:30px}
  .stories-prev{left:-4px}.stories-next{right:-4px}
}

/* Carrusel continuo de aliados */
.allies-marquee{position:relative;overflow:hidden;padding:16px 0 26px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.allies-track{display:flex;align-items:center;gap:24px;width:max-content;animation:alliesScroll 38s linear infinite;will-change:transform}
.allies-marquee:hover .allies-track{animation-play-state:paused}
.ally-slide{flex:0 0 250px;height:140px;padding:24px 28px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(28,42,24,.08);display:flex;align-items:center;justify-content:center}
.ally-slide img{display:block;max-width:100%;max-height:92px;width:auto;height:auto;object-fit:contain}
@keyframes alliesScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 12px))}}
@media(max-width:720px){.allies-track{gap:16px;animation-duration:30s}.ally-slide{flex-basis:205px;height:118px;padding:18px 20px}.ally-slide img{max-height:78px}}
@media(prefers-reduced-motion:reduce){.allies-track{animation:none}.allies-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}

/* Título más compacto en la sección de aliados */
.allies-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.4px}
@media(max-width:600px){.allies-heading h2{font-size:30px}}

/* =========================================================
   V93 - PORTADA: TEXTO IZQUIERDA Y VIDEO AMPLIO A LA DERECHA
   ========================================================= */
.hero .container{
  width:min(94%, 1480px)!important;
}
.hero-inner{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:42px!important;
  min-height:610px!important;
  padding:46px 0!important;
}
.hero h1{
  max-width:610px!important;
  font-size:clamp(34px,3.55vw,54px)!important;
  line-height:1.08!important;
}
.hero p{
  max-width:570px!important;
  margin-bottom:0!important;
}
.hero-video-card{
  width:100%!important;
  min-height:500px!important;
  padding:14px!important;
  border-radius:32px!important;
  display:flex!important;
  align-items:stretch!important;
}
.hero-video-card video{
  width:100%!important;
  height:100%!important;
  min-height:472px!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:22px!important;
}
@media(max-width:1150px){
  .hero .container{width:min(92%,1180px)!important;}
  .hero-inner{grid-template-columns:1fr!important;min-height:auto!important;gap:30px!important;}
  .hero-video-card{min-height:0!important;max-width:900px!important;margin:0 auto!important;}
  .hero-video-card video{min-height:0!important;height:auto!important;aspect-ratio:16/9!important;}
}
@media(max-width:720px){
  .hero-inner{padding:42px 0!important;}
  .hero h1{font-size:clamp(31px,9vw,44px)!important;}
  .hero-video-card{padding:9px!important;border-radius:24px!important;}
  .hero-video-card video{border-radius:17px!important;}
}

/* Corrección v93: el botón DONA conserva su apariencia también en la página activa */
.site-header .nav a.btn-dona,
.site-header .nav a.btn-dona:hover,
.site-header .nav a.btn-dona.active,
.site-header .nav a.btn-dona:focus,
.site-header .nav a.btn-dona:visited {
  background: linear-gradient(135deg, #6EEA8E, #826CF6) !important;
  color: #142814 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #142814 !important;
}

/* =========================================================
   V98 - JUSTIFICACIÓN GENERAL DE TEXTOS
   Solicitud: justificar los textos de toda la página.
   Se aplica a los párrafos informativos; títulos, menús,
   botones y textos que forman parte de bloques centrados
   conservan su alineación original.
   ========================================================= */
p{
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
}

/* Elementos cuyo diseño requiere alineación centrada */
.section-heading.center p,
.video-note,
.stat-card p,
.qr-box p,
.donation-intro-new p,
.donation-card-new p,
.donate-hero-new p,
.language-panel p,
.redirect-msg p{
  text-align:center;
}

/* En pantallas pequeñas evitamos espacios excesivos entre palabras */
@media(max-width:600px){
  p{
    text-align:left;
    hyphens:none;
    -webkit-hyphens:none;
  }
  .section-heading.center p,
  .video-note,
  .stat-card p,
  .qr-box p,
  .donation-intro-new p,
  .donation-card-new p,
  .donate-hero-new p,
  .language-panel p,
  .redirect-msg p{
    text-align:center;
  }
}

/* =========================================================
   PORTADA APROBADA - VIDEO A TODA LA ALTURA DEL LADO DERECHO
   Mantiene la pastilla, pero con ancho compacto.
   ========================================================= */
.hero{
  min-height:650px!important;
}
.hero .hero-inner.container{
  width:100%!important;
  max-width:none!important;
  min-height:650px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:44% 56%!important;
  gap:0!important;
  align-items:stretch!important;
}
.hero-copy{
  min-width:0!important;
  padding:clamp(52px,5vw,82px) clamp(34px,4.2vw,72px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.hero-copy .tag.light{
  display:inline-flex!important;
  width:auto!important;
  max-width:max-content!important;
  flex:0 0 auto!important;
  padding:8px 15px!important;
  margin-bottom:20px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.hero .hero-video-card{
  width:100%!important;
  height:100%!important;
  min-height:650px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  display:flex!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.hero .hero-video-card video{
  width:100%!important;
  height:100%!important;
  min-height:650px!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#000!important;
}
.hero .hero-copy h1{
  max-width:650px!important;
}
.hero .hero-copy p{
  max-width:610px!important;
  margin-bottom:0!important;
}

@media(max-width:1150px){
  .hero{
    min-height:auto!important;
  }
  .hero .hero-inner.container{
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }
  .hero-copy{
    padding:58px 5%!important;
    align-items:center!important;
    text-align:center!important;
  }
  .hero-copy .tag.light{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero .hero-video-card,
  .hero .hero-video-card video{
    height:430px!important;
    min-height:430px!important;
  }
}
@media(max-width:720px){
  .hero-copy{
    padding:48px 22px!important;
  }
  .hero-copy .tag.light{
    padding:8px 13px!important;
    font-size:11px!important;
  }
  .hero .hero-video-card,
  .hero .hero-video-card video{
    height:290px!important;
    min-height:290px!important;
  }
}


/* Portada de Quiénes somos: texto e imagen en dos columnas */
.about-hero{padding:56px 0;background:#fff;}
.about-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;min-height:360px;overflow:hidden;}
.about-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:34px 46px 34px 0;}
.about-hero-copy h1{max-width:640px;font-size:clamp(38px,4.3vw,64px);line-height:1.05;}
.about-hero-copy p{max-width:620px;margin-top:18px;}
.about-hero-media{min-height:360px;}
.about-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;}
@media (max-width: 900px){
  .about-hero{padding:28px 0 0;}
  .about-hero-grid{grid-template-columns:1fr;min-height:0;}
  .about-hero-copy{padding:28px 0 32px;}
  .about-hero-media{min-height:280px;}
}

/* =========================================================
   V104 - QUIÉNES SOMOS: IMAGEN A TODA LA COLUMNA DERECHA
   Solo amplía la imagen dentro de la portada. No agrega
   tarjetas ni modifica el contenido de las demás secciones.
   ========================================================= */
.about-hero{
  padding:0!important;
  background:#fff!important;
}
.about-hero > .about-hero-grid.container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-height:540px!important;
  display:grid!important;
  grid-template-columns:50% 50%!important;
  align-items:stretch!important;
  gap:0!important;
  overflow:hidden!important;
}
.about-hero-copy{
  min-width:0!important;
  padding:clamp(48px,5vw,82px) clamp(38px,5.2vw,84px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.about-hero-copy .tag{
  width:auto!important;
  max-width:max-content!important;
}
.about-hero-media{
  width:100%!important;
  height:100%!important;
  min-height:540px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.about-hero-media img{
  width:100%!important;
  height:100%!important;
  min-height:540px!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media(max-width:900px){
  .about-hero > .about-hero-grid.container{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .about-hero-copy{
    padding:46px 24px!important;
  }
  .about-hero-media,
  .about-hero-media img{
    min-height:300px!important;
    height:300px!important;
  }
}


/* V112 - Presentación automática de imágenes en Nuestro presente */
.trajectory-slideshow{
  position:relative;
  width:100%;
  height:360px;
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--shadow);
  background:#f3f6f1;
}
.trajectory-slideshow .trajectory-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
  box-shadow:none;
  opacity:0;
  transition:opacity .9s ease-in-out;
}
.trajectory-slideshow .trajectory-slide.active{opacity:1;}
@media(max-width:900px){
  .trajectory-slideshow{height:280px;}
}


/* V117 desde V116 - Jackeline: video completo y sin espacio negro */
.story-slide.story-slide-jackeline{
  grid-template-columns:minmax(0,1.38fr) minmax(300px,.92fr);
  min-height:0;
  align-items:stretch;
}
.story-slide-jackeline .story-slide-media{
  min-height:0;
  height:auto;
  aspect-ratio:16 / 9;
  background:#000;
}
.story-slide-jackeline .story-slide-media video{
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  background:#000;
}
.story-slide-jackeline .story-slide-content{
  min-height:100%;
  padding:28px 34px;
}
@media(max-width:1150px){
  .story-slide.story-slide-jackeline{
    grid-template-columns:1fr;
  }
  .story-slide-jackeline .story-slide-media,
  .story-slide-jackeline .story-slide-media video{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:16 / 9;
  }
}

/* Ajuste solicitado: botón Registrar donación ligeramente más grande */
.donation-submit-new{
  padding:18px 28px;
  min-height:54px;
  font-size:16px;
}


/* PORTADA DE VOLUNTARIADO CON LA IMAGEN SOLICITADA */
.volunteer-hero{
  position:relative;
  min-height:470px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background-image:url('../img/programa_voluntariado.png');
  background-size:cover;
  background-position:center 18%;
  border-radius:0 0 42px 42px;
}
.volunteer-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(20,50,22,.70) 0%,rgba(20,50,22,.52) 42%,rgba(20,50,22,.16) 76%,rgba(20,50,22,.05) 100%);
}
.volunteer-hero-content{
  position:relative;
  z-index:1;
  padding-top:120px;
  padding-bottom:66px;
  color:#fff;
}
.volunteer-hero .tag{
  background:#6EEA8E;
  color:#006600;
}
.volunteer-hero h1{
  max-width:780px;
  margin-top:18px;
  color:#fff;
  text-shadow:0 3px 18px rgba(0,0,0,.28);
}
.volunteer-hero p{
  max-width:760px;
  margin-top:18px;
  color:#fff;
  font-size:19px;
  text-shadow:0 2px 10px rgba(0,0,0,.34);
}
@media(max-width:760px){
  .volunteer-hero{min-height:430px;background-position:center;}
  .volunteer-hero-overlay{background:rgba(20,50,22,.68);}
  .volunteer-hero-content{padding-top:100px;padding-bottom:48px;}
  .volunteer-hero p{font-size:17px;}
}

/* Ajuste botón de registro de voluntariado */
.volunteer-submit{font-size:16px;min-height:54px;padding:17px 28px;letter-spacing:.1px;}
@media(max-width:720px){.volunteer-submit{font-size:15px;min-height:52px;padding:16px 22px;}}

/* V125 - Galería automática tipo GIF en Nuestro Trabajo */
#que-hacemos .container{
  max-width:1280px;
  width:min(96%,1280px);
}
#que-hacemos .work-carousel{
  width:100%;
  max-width:none;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
}
#que-hacemos .work-carousel-viewport{
  height:clamp(380px,48vw,600px);
  background:#fff;
}
#que-hacemos .work-carousel-slide{
  position:absolute;
  inset:0;
  display:block;
  opacity:0;
  transform:none;
  transition:opacity .8s ease-in-out;
  overflow:hidden;
  background:#fff;
}
#que-hacemos .work-carousel-slide.active{
  opacity:1;
  z-index:2;
}
#que-hacemos .work-carousel-slide::after,
#que-hacemos .work-carousel-bg,
#que-hacemos .work-carousel-btn,
#que-hacemos .work-carousel-dots{
  display:none !important;
  content:none !important;
}
#que-hacemos .work-carousel-slide .work-carousel-main{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:none;
}
@media(max-width:720px){
  #que-hacemos .container{width:94%;}
  #que-hacemos .work-carousel-viewport{height:320px;}
}

/* V128: bloque de voluntariado sin formulario */
.volunteer-info-only{display:flex;justify-content:center}.volunteer-support-panel{width:min(820px,100%);padding:38px 42px}.volunteer-support-panel .volunteer-intro{font-size:19px;line-height:1.75;color:var(--green-dark);margin-bottom:20px}.volunteer-support-panel h3{font-size:30px}
@media(max-width:700px){.volunteer-support-panel{padding:28px 24px}.volunteer-support-panel .volunteer-intro{font-size:17px}}

/* V129: panel de voluntariado a todo el ancho */
.volunteer-info-only{display:block;width:100%}
.volunteer-support-panel{
  width:100%;
  max-width:none;
  min-height:380px;
  padding:58px 64px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.volunteer-support-panel h3{font-size:38px;margin-bottom:20px}
.volunteer-support-panel .volunteer-intro{font-size:22px;line-height:1.75;max-width:1050px;margin-bottom:24px}
.volunteer-support-panel p{font-size:19px;line-height:1.65}
.volunteer-support-panel .volunteer-callout{max-width:1050px}
@media(max-width:700px){
  .volunteer-support-panel{min-height:auto;padding:34px 26px}
  .volunteer-support-panel h3{font-size:30px}
  .volunteer-support-panel .volunteer-intro{font-size:18px}
  .volunteer-support-panel p{font-size:16px}
}

/* V132 - Portada de donación con fotografía de fondo */
.donate-hero-new{
  position:relative!important;
  min-height:540px!important;
  padding:90px 0 72px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 28%,rgba(255,255,255,.58) 50%,rgba(255,255,255,.08) 76%,rgba(255,255,255,0) 100%),
    url('../img/donacion_manos_que_apoyan.jpeg')!important;
  background-size:cover!important;
  background-position:center 42%!important;
  background-repeat:no-repeat!important;
}
.donate-hero-new .container{
  position:relative!important;
  z-index:1!important;
  text-align:left!important;
}
.donate-hero-new h1{
  max-width:720px!important;
  margin:18px 0 0!important;
  color:#172b17!important;
  text-shadow:0 2px 12px rgba(255,255,255,.45)!important;
}
.donate-hero-new p{
  max-width:720px!important;
  margin:18px 0 0!important;
  text-align:left!important;
  color:#006600!important;
  font-weight:900!important;
  font-size:24px!important;
}
@media(max-width:900px){
  .donate-hero-new{
    min-height:500px!important;
    background-position:62% center!important;
    background-image:
      linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.87) 55%,rgba(255,255,255,.35) 100%),
      url('../img/donacion_manos_que_apoyan.jpeg')!important;
  }
  .donate-hero-new h1{max-width:620px!important;}
}
@media(max-width:620px){
  .donate-hero-new{
    min-height:470px!important;
    padding:70px 0 54px!important;
    background-position:66% center!important;
    background-image:
      linear-gradient(rgba(255,255,255,.86),rgba(255,255,255,.86)),
      url('../img/donacion_manos_que_apoyan.jpeg')!important;
  }
  .donate-hero-new p{
    margin-top:14px!important;
    font-size:20px!important;
  }
}

/* V134: bloque de donación a todo el ancho y sin negritas */
.donation-register-new{display:block!important;width:100%!important;}
.donation-register-new .donation-form-new{width:100%!important;max-width:none!important;box-sizing:border-box;padding:42px 48px!important;}
.donation-register-new .donation-form-new h2,.donation-register-new .donation-form-new h3,.donation-register-new .donation-form-new p,.donation-register-new .donation-form-new strong{font-weight:400!important;}
.donation-register-new .donation-form-new h2{font-size:clamp(28px,3vw,42px);}
.donation-register-new .donation-form-new h3{font-size:clamp(20px,2vw,28px);margin-top:24px;}
.donation-register-new .donation-form-new p{font-size:18px;line-height:1.7;}
@media(max-width:700px){.donation-register-new .donation-form-new{padding:28px 22px!important;}}


/* PASO 1 - Solo los cuatro botones solicitados: más grandes y legibles */
.final-readable-btn{
  font-family:Inter,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.2!important;
  min-height:50px!important;
  padding:15px 28px!important;
  letter-spacing:0!important;
}
@media(max-width:600px){
  .final-readable-btn{
    font-size:15px!important;
    min-height:46px!important;
    padding:13px 22px!important;
  }
}

/* PASO 4 - Ajuste visual del texto de voluntariado: alineado y sin palabras cortadas */
.volunteer-support-panel .volunteer-callout{
  text-align:left!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* PASO 5 - Portada de Contacto con IMG_4895 */
.contact-hero-new{
  position:relative!important;
  min-height:500px!important;
  padding:90px 0 72px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  border-radius:0 0 42px 42px!important;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 30%,rgba(255,255,255,.56) 53%,rgba(255,255,255,.10) 78%,rgba(255,255,255,0) 100%),
    url('../img/contacto_mujeres_img4895.jpg')!important;
  background-size:cover!important;
  background-position:center 44%!important;
  background-repeat:no-repeat!important;
}
.contact-hero-new .container{
  position:relative!important;
  z-index:1!important;
  text-align:left!important;
}
.contact-hero-new .tag{
  background:#efeaff!important;
  color:#826CF6!important;
}
.contact-hero-new h1{
  max-width:720px!important;
  margin:18px 0 0!important;
  color:#172b17!important;
  text-shadow:0 2px 12px rgba(255,255,255,.55)!important;
}
.contact-hero-new p{
  max-width:650px!important;
  margin:18px 0 0!important;
  color:#425048!important;
  font-size:19px!important;
  line-height:1.65!important;
  text-align:left!important;
}
@media(max-width:900px){
  .contact-hero-new{
    min-height:470px!important;
    background-position:62% center!important;
    background-image:
      linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.89) 58%,rgba(255,255,255,.38) 100%),
      url('../img/contacto_mujeres_img4895.jpg')!important;
  }
}
@media(max-width:620px){
  .contact-hero-new{
    min-height:440px!important;
    padding:70px 0 54px!important;
    background-position:66% center!important;
    background-image:
      linear-gradient(rgba(255,255,255,.84),rgba(255,255,255,.84)),
      url('../img/contacto_mujeres_img4895.jpg')!important;
  }
  .contact-hero-new p{font-size:17px!important;}
}


/* OBSERVACIONES 2.0 - ajustes finales solicitados */
main p{
  text-align:justify!important;
  text-align-last:left!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  -ms-hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.final-readable-btn{
  font-size:19px!important;
  line-height:1.15!important;
}
@media(max-width:600px){
  .final-readable-btn{font-size:17px!important;}
}


/* AJUSTE FINAL OBSERVACIONES CLIENTE */
p, .context-box p, .readmore-content p,
.service-card p,.principles-card p,.timeline-content p,
.history-card p,.impact-card p,.team-card p,.donation-card p{
  text-align:justify;
  text-justify:inter-word;
  text-align-last:left;
  hyphens:auto;
  overflow-wrap:normal;
  word-spacing:-0.03em;
  letter-spacing:0;
}
.final-readable-btn,
.section-action-btn,
.btn,
button,
a.btn{
 font-size:20px!important;
}

/* CORRECCIÓN VISUAL FINAL: evitar huecos exagerados en bloques estrechos.
   Los párrafos amplios conservan la justificación; tarjetas, portadas y columnas
   estrechas se alinean a la izquierda para que las palabras pasen completas. */
.feature-card p,
.card .card-body p,
.stat-card p,
.impact-pillar-card p,
.focus-detail-card p,
.service-card p,
.zone-card p,
.novedad-row p,
.donation-card-new p,
.work-hero-copy p,
.volunteer-hero-content p,
.impact-hero p,
.impact-hero-new p,
.promotoras-heading p,
.section-heading.promotoras-heading p,
.principles-card p,
.principle-card p,
.team-card p,
.history-card p,
.impact-card p,
.index-impact p,
.impact-banner p {
  text-align:left!important;
  text-align-last:auto!important;
  text-justify:auto!important;
  word-spacing:normal!important;
  letter-spacing:normal!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Tarjetas pequeñas del equipo en Quiénes somos */
#equipo .card-body p,
#equipo .grid-2 .card p {
  text-align:left!important;
  text-align-last:auto!important;
  word-spacing:normal!important;
}

/* Portada de inicio: el texto descriptivo debe leerse natural, sin huecos */
.hero p,
.hero-copy p,
.hero-content p {
  text-align:left!important;
  text-align-last:auto!important;
  word-spacing:normal!important;
  hyphens:none!important;
}

/* Mantener los párrafos largos de contenido con justificación limpia */
.timeline-content p,
.readmore-content p,
.context-box > p,
.volunteer-info-only p,
.donation-form-new > p {
  text-align:justify!important;
  text-align-last:left!important;
  text-justify:inter-word!important;
  word-spacing:normal!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}


/* AJUSTE FINAL ÚNICO: párrafo de la portada de Impacto sin huecos exagerados */
.hero-cover .impact-hero-copy-final{
  max-width:780px!important;
  text-align:left!important;
  text-align-last:auto!important;
  text-justify:auto!important;
  word-spacing:normal!important;
  letter-spacing:normal!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* CORRECCIÓN BOTONES SEGÚN OBSERVACIÓN DEL CLIENTE
   Solo se agranda la letra de los botones morados de acción mostrados como ejemplo.
   Se devuelve el selector de idioma, DONA del menú y la línea de tiempo a su tamaño normal. */
.language-toggle{
  font-size:14px!important;
}
.language-panel button{
  font-size:14px!important;
}
.btn-dona{
  font-size:13px!important;
}
.trajectory-tabs button{
  font-size:14px!important;
}

/* Botones morados de acción que sí deben llevar texto más grande */
.final-readable-btn,
.donation-select-new{
  font-size:22px!important;
  line-height:1.15!important;
}
@media(max-width:600px){
  .final-readable-btn,
  .donation-select-new{
    font-size:20px!important;
  }
}

/* AJUSTE FINAL AUTORIZADO: solo agrandar la letra de "Conoce nuestro trabajo" */
#principios .principles-side-btn{
  font-size:18px!important;
}
@media(max-width:600px){
  #principios .principles-side-btn{
    font-size:17px!important;
  }
}

/* AJUSTE FINAL: el botón "Elegir donación libre" debe verse en una sola línea como los demás */
.donation-card-new.libre .donation-select-new{
  font-size:18px!important;
  white-space:nowrap!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
@media(max-width:600px){
  .donation-card-new.libre .donation-select-new{
    font-size:17px!important;
  }
}

/* AJUSTE DEFINITIVO: "Elegir donación libre" con la misma altura y tamaño visual que los demás */
.donation-card-new.libre .donation-select-new{
  font-size:22px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  padding:12px 4px!important;
  letter-spacing:-0.7px!important;
}
@media(max-width:600px){
  .donation-card-new.libre .donation-select-new{
    font-size:20px!important;
    padding-left:3px!important;
    padding-right:3px!important;
    letter-spacing:-0.6px!important;
  }
}

/* Ajuste solicitado: ampliar únicamente el logo de la Instancia Provincial */
.ally-slide img[src$="aliado_carrusel_10.png"]{
  max-height:127px;
  max-width:138%;
}
@media(max-width:720px){
  .ally-slide img[src$="aliado_carrusel_10.png"]{
    max-height:108px;
    max-width:138%;
  }
}


/* CORRECCIONES FINALES - OBSERVACIONES 2.0, PÁGINAS 3 Y 4
   Centrar los textos de las tarjetas señaladas por la clienta. */
.feature-card .card-body,
.feature-card .card-body h3,
.feature-card .card-body p,
.stat-card,
.stat-card h3,
.stat-card p,
.focus-detail-card,
.focus-detail-card h3,
.focus-detail-card p,
.impact-pillar-card,
.impact-pillar-card p {
  text-align:center!important;
  text-align-last:center!important;
}

/* Evitar separación automática de palabras en los textos centrados. */
.feature-card .card-body p,
.stat-card p,
.focus-detail-card p,
.impact-pillar-card p {
  hyphens:none!important;
  -webkit-hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  word-spacing:normal!important;
}

/* Ajuste puntual: mostrar los rostros en la foto mujeres_norte_03 del carrusel */
#que-hacemos .work-carousel-slide .work-carousel-main[src$="mujeres_norte_03.jpeg"]{
  object-position:center top !important;
}

/* CORRECCIONES CLIENTE 2026-08-06 */
/* Botones morados con letras blancas: reducción leve para una apariencia más proporcionada. */
.btn-primary,
.final-readable-btn,
.donation-select-new{
  font-size:18px!important;
  line-height:1.1!important;
  min-height:44px!important;
  padding:12px 22px!important;
}

/* Botón DONA del menú: ligeramente más grande, según indicación. */
.site-header .btn-dona{
  height:46px!important;
  padding:0 22px!important;
  font-size:15px!important;
}

/* Texto solicitado arriba y abajo de las fotografías pequeñas del equipo. */
#equipo .team-collaboration-text{
  margin:0 0 20px!important;
  text-align:justify!important;
  text-align-last:left!important;
  line-height:1.72!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
}
#equipo .team-collaboration-text-bottom{
  margin:20px 0 0!important;
}

@media(max-width:600px){
  .btn-primary,
  .final-readable-btn,
  .donation-select-new{
    font-size:16px!important;
    min-height:42px!important;
    padding:11px 18px!important;
  }
  .site-header .btn-dona{
    height:44px!important;
    padding:0 19px!important;
    font-size:14px!important;
  }
}

/* ÚNICO AJUSTE SOLICITADO: igualar visualmente el botón "Elegir donación libre" */
.donation-card-new.libre .donation-select-new{
  font-size:18px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  padding:12px 12px!important;
  letter-spacing:normal!important;
}
@media(max-width:600px){
  .donation-card-new.libre .donation-select-new{
    font-size:17px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    letter-spacing:normal!important;
  }
}

/* Alineación del bloque de equipo: la foto inicia a la misma altura que el texto */
#equipo .team-layout{
  align-items:start;
}