/* Vinculación Social V2 — standalone presentation layer. No remote imports.
   Breakpoints: mobile <=767; tablet 768–991; desktop >=992; wide >=1200.
   The preserved V1 CSS files are historical assets and are not loaded. */
:root {
  --vs-teal:#00a19a; --vs-teal-dark:#006c67; --vs-gold:#f9b233;
  --vs-purple:#662483; --vs-berry:#aa2e70; --vs-ink:#302a2c;
  --vs-muted:#615b5d; --vs-paper:#fff; --vs-warm:#fbf9f5;
  --vs-tint:#edf7f5; --vs-line:#e4e3dd;
  --vs-font:Poppins,Arial,sans-serif;
  --vs-body:1rem; --vs-small:.875rem;
  --vs-h1:clamp(2rem,3.2vw,2.9rem);
  --vs-h2:clamp(1.6rem,2.4vw,2.2rem);
  --vs-h3:clamp(1.15rem,1.6vw,1.4rem);
  --vs-space-1:8px; --vs-space-2:16px; --vs-space-3:24px;
  --vs-space-4:32px; --vs-space-5:48px; --vs-space-6:72px;
  --vs-width:1160px; --vs-reading:76ch;
  --vs-radius:16px; --vs-radius-small:8px;
  --vs-shadow:0 8px 28px rgb(48 42 44 / .055);
  --vs-section:clamp(40px,5vw,72px); --vs-gutter:clamp(20px,3.2vw,40px);
  --vs-bp-tablet:768px; --vs-bp-desktop:992px; --vs-bp-wide:1200px;
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:112px}
body {margin:0;background:var(--vs-warm);color:var(--vs-ink);font:400 var(--vs-body)/1.8 var(--vs-font);-webkit-font-smoothing:antialiased}
img {display:block;max-width:100%;height:auto}
button,input,textarea {font:inherit}
button,a,input,textarea {-webkit-tap-highlight-color:transparent}
button {cursor:pointer}
a {color:var(--vs-teal-dark);text-decoration:none;text-underline-offset:5px}
a:hover {text-decoration:underline}
button:focus-visible,a:focus-visible,.flip-card:focus-visible,input:focus-visible,textarea:focus-visible {outline:3px solid var(--vs-purple);outline-offset:4px}
h1,h2,h3,h4,h5,h6 {margin:0 0 20px;color:var(--vs-ink);font-weight:600;line-height:1.25;letter-spacing:-.035em;overflow-wrap:break-word}
h1 {font-size:var(--vs-h1)}h2 {font-size:var(--vs-h2)}h3,h4 {font-size:var(--vs-h3)}h5,h6 {font-size:1.05rem}
p {margin:0 0 20px}p:last-child {margin-bottom:0}p:empty {display:none}
strong,b {font-weight:600}ul,ol {margin:0 0 24px;padding-left:24px}li+li {margin-top:10px}
.container {width:min(var(--vs-width),calc(100% - var(--vs-gutter)*2));margin-inline:auto}
.section {padding-block:var(--vs-section)}
.text-center {text-align:center}.text-left {text-align:left}.font-weight-medium {font-weight:600}
.row {display:flex;flex-wrap:wrap;gap:32px 0;margin-inline:-16px}
.row>[class*='col-'] {padding-inline:16px;min-width:0;width:100%}
.justify-content-center {justify-content:center}.align-items-lg-center {align-items:center}
.col-12 {width:100%}.bg-gray-1,.bg-gray-100 {background:var(--vs-warm)}.bg-default {background:var(--vs-paper)}
.page-header {position:sticky;top:0;z-index:100;background:var(--vs-paper);border-top:4px solid var(--vs-gold);border-bottom:1px solid var(--vs-line)}
.rd-navbar-wrap {height:auto!important}
.rd-navbar-main {width:min(var(--vs-width),calc(100% - var(--vs-gutter)*2));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:100px}
.rd-navbar-panel {display:flex;align-items:center;justify-content:space-between}
.rd-navbar-brand img {width:145px!important;height:84px!important;object-fit:contain}
.rd-navbar-toggle {display:none;border:1px solid var(--vs-line);border-radius:var(--vs-radius-small);width:44px;height:44px;background:white;color:var(--vs-ink)}
.rd-navbar-toggle span,.rd-navbar-toggle span::before,.rd-navbar-toggle span::after {display:block;width:20px;height:2px;background:currentColor;position:relative;margin:auto;content:''}
.rd-navbar-toggle span::before {position:absolute;top:-6px}.rd-navbar-toggle span::after {position:absolute;top:6px}
.rd-navbar-nav,.sub-menu,.footer-minimal-nav,.social-list {list-style:none;padding:0;margin:0}
.rd-navbar-nav {display:flex;align-items:center;gap:28px}
.rd-navbar-nav li {position:relative;margin:0}
.rd-nav-link {display:block;padding:14px 0;color:var(--vs-ink);font-size:.9rem;font-weight:500;white-space:nowrap}
.rd-nav-link:hover,.rd-nav-link[aria-current='page'] {color:var(--vs-berry);text-decoration:underline;text-decoration-thickness:2px}
.rd-navbar-nav>li:last-child>.rd-nav-link {background:var(--vs-gold);padding:11px 22px;border-radius:var(--vs-radius-small)}
.sub-menu {display:none;position:absolute;top:100%;left:-20px;width:210px;padding:12px;background:white;border:1px solid var(--vs-line);border-radius:var(--vs-radius-small);box-shadow:var(--vs-shadow)}
.sub-menu .rd-nav-link {padding:10px 12px}
.rd-nav-item:hover>.sub-menu,.rd-nav-item:focus-within>.sub-menu {display:block}
/* Carteles originales: contain prevents clipping all text, faces and logos. */
.gallery-section {padding:28px 0 0;background:var(--vs-tint);border-bottom:1px solid var(--vs-line)}
.gallery-section .container {max-width:1240px}
.v2-gallery {--hero-height:560px;--hero-position:50% 50%;position:relative;width:100%;padding-bottom:56px}
.actions-gallery .v2-gallery {--hero-height:500px;--hero-position:50% 48%}
.collaborate-gallery .v2-gallery {--hero-height:520px;--hero-position:50% 50%}
.v2-gallery .item {height:var(--hero-height);background:var(--vs-paper);border:1px solid var(--vs-line);border-radius:var(--vs-radius);overflow:hidden}
.v2-gallery .item img {width:100%;height:100%;object-fit:contain;object-position:var(--hero-position)}
.vs-carousel {position:relative;min-width:0;max-width:100%}
.owl-stage-outer {overflow:hidden;width:100%;border-radius:var(--vs-radius);touch-action:pan-y}
.owl-stage {display:flex;touch-action:pan-y}
.owl-item {flex:none;min-width:0}
.owl-item .item {width:100%}
/* Static readable fallback if JavaScript is unavailable. */
.owl-carousel:not(.owl-loaded) {display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
.owl-carousel:not(.owl-loaded)>.item {flex:0 0 100%;scroll-snap-align:start}
.owl-nav {position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none}
.owl-nav button {pointer-events:auto;width:44px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--vs-line);border-radius:var(--vs-radius-small);background:white;color:var(--vs-teal-dark);font-size:27px;line-height:1}
.owl-nav button:hover {background:var(--vs-teal-dark);color:white}
.owl-dots {position:absolute;left:56px;right:56px;bottom:4px;height:44px;display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
.owl-dot {width:26px;height:32px;background:none;border:0;position:relative;padding:0}
.owl-dot::after {content:'';display:block;width:8px;height:8px;border:1px solid var(--vs-teal-dark);border-radius:50%;margin:auto;background:white}
.owl-dot.active::after {background:var(--vs-teal-dark);width:18px;border-radius:8px}
/* Home: retain the four interactive programme cards and six original photos. */
.home-actions {background:var(--vs-paper)}
.home-actions .justify-content-center {margin:0 auto 40px;max-width:760px}
.home-actions .justify-content-center>[class*='col-'] {padding:0}
.home-actions .row-50 {row-gap:28px}
.box-causes {padding:28px;background:var(--vs-warm);border:1px solid var(--vs-line);border-radius:var(--vs-radius);height:100%;text-align:center}
.box-causes h2 {font-size:1.35rem;letter-spacing:-.02em}
.flip-card {width:100%;max-width:310px;height:auto;aspect-ratio:1;margin:auto;perspective:1000px;cursor:pointer;border-radius:50%}
.flip-card-inner {position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s ease}
.flip-card-front,.flip-card-back {position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;overflow:hidden}
.flip-card-front img {width:100%;height:100%;object-fit:contain}
.flip-card-back {display:flex;align-items:center;justify-content:center;transform:rotateY(180deg);background:var(--vs-paper);border:2px solid var(--vs-teal);color:var(--vs-ink);padding:28px}
.flip-card-back-ayudar {border-color:#00a94c}.flip-card-back-acompanar {border-color:#9d52fc}.flip-card-back-formar {border-color:#ff2d2e}.flip-card-back-emplear {border-color:#ff9247}
.hints-text {font-size:.9rem;line-height:1.65}
.flip-card.is-flipped .flip-card-inner {transform:rotateY(180deg)}
.home-current {background:var(--vs-tint)}
.box-img-animate {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:center}
.box-img-animate-item {position:static;transform:none;width:auto;margin:0;padding:8px;background:white;border:1px solid var(--vs-line);border-radius:var(--vs-radius-small)}
.box-img-animate img {width:100%;height:auto;object-fit:contain;border-radius:4px}
.home-current>.container>.row {column-gap:40px}
.home-current .col-lg-6 {flex:1 1 440px}
.home-current .box-icon-modern {margin-top:24px}
.box-icon-modern {display:flex;align-items:flex-start;gap:20px}
.box-icon-inner {flex:none;width:40px;color:var(--vs-berry);font-size:30px;line-height:1.3}
.box-icon-caption {min-width:0}.box-icon-caption h3 {margin-bottom:12px}.box-icon-caption p {color:var(--vs-muted)}
.home-current .row-50 .col-md-6 {width:100%}
/* Conócenos: complete façade artwork, never a fixed/parallax crop. */
.about-cover {background:var(--vs-tint);padding:28px 0}
.about-cover img {width:100%;height:460px;object-fit:contain;object-position:50% 40%;background:white;border-radius:var(--vs-radius)}
.about-intro {background:white}.about-intro .row {align-items:center}
.about-intro .col-lg-6:first-child {width:36%}.about-intro .col-lg-6:last-child {width:64%}
.about-intro img {width:min(100%,340px);margin:auto;object-fit:contain}
.about-intro h3 {margin-top:24px;color:var(--vs-teal-dark)}
.about-intro ul {padding-left:20px}.about-intro li {color:var(--vs-muted)}
.about-values {background:var(--vs-warm)}.about-values>.container>h2 {margin-bottom:36px}
.about-values .col-lg-6 {width:50%}.about-values .box-icon-modern {padding:28px;background:white;border:1px solid var(--vs-line);border-radius:var(--vs-radius);height:100%}
.partners {padding-block:32px;background:white;border-block:1px solid var(--vs-line)}
#carousel-convenios {padding-bottom:56px}#carousel-convenios .item {height:100px;padding:12px 24px}
#carousel-convenios img {width:100%;height:100%;object-fit:contain;object-position:center}
/* Acciones: flexible heights and readable mobile stacking. */
.action-row {background:var(--vs-paper);border-bottom:1px solid var(--vs-line)}
.action-row:nth-of-type(odd) {background:var(--vs-warm)}
.action-row .container>.row {align-items:center;flex-wrap:nowrap;gap:40px;margin:0}
.action-row .container>.row>.col-3 {width:180px;flex:none;padding:0}
.action-row .container>.row>.col-9 {flex:1;padding:0}
.action-row img {width:180px;height:180px;object-fit:contain}
.action-row .row-40 {margin:0;display:block}
.action-row h1,.action-row h2 {font-size:var(--vs-h2);margin-bottom:16px}
.action-row .action-description {font-size:1rem;font-weight:400;line-height:1.8;max-width:72ch;color:var(--vs-muted)}
.lnk-acciones {display:inline-block;color:var(--vs-purple);font-size:.95rem;font-weight:500;margin-top:8px;border-bottom:1px solid currentColor;padding:4px 0}
/* Programme emblems retain their circular artwork intact. */
.program-hero {background:var(--vs-tint);padding-block:48px;border-bottom:1px solid var(--vs-line)}
.program-grid {display:grid;grid-template-columns:270px minmax(0,1fr);align-items:center;gap:56px;min-height:330px}
.program-emblem img {width:270px;height:270px;object-fit:contain;object-position:center}
.program-intro {max-width:70ch}.program-intro h1 {color:var(--vs-teal-dark)}.program-intro p {font-size:1.1rem;color:var(--vs-muted)}
.program-body {background:var(--vs-paper)}
.prose {max-width:var(--vs-reading);margin-inline:auto}
.prose>p:first-child {font-size:.82rem;line-height:1.6;letter-spacing:.06em;color:var(--vs-teal-dark);font-weight:600;margin-bottom:32px}
.prose>ul {list-style:none;padding:0;margin:0}
.prose>ul>li {display:block;margin:0;padding-block:28px;border-top:1px solid var(--vs-line)}
.prose h2 {font-size:1.2rem;letter-spacing:0;line-height:1.5;margin:0 0 16px;color:var(--vs-teal-dark)}
.prose p,.prose li {color:var(--vs-muted)}
.prose ul ul {list-style:disc;padding-left:22px;margin-top:16px}
.prose ol {padding-left:24px;margin-top:16px}.prose li>p+ul {margin-top:16px}
/* Donation copy and bank details remain verbatim. */
.donate-options {background:white}.donate-options .container {max-width:920px}
.donate-options .row {display:block;margin:0}.donate-options [class*='col-'] {padding:0}
.donate-options h1 {margin-bottom:40px}.donate-options .text-left>strong {display:inline-block;color:var(--vs-teal-dark);font-size:1.15rem;margin-bottom:16px}
.donate-options .col-sm-12+.col-sm-12 {margin-top:40px}
.donate-options li {padding-left:4px;color:var(--vs-muted)}
.bank-details {background:var(--vs-tint);text-align:left}
.bank-details .container>.row {display:block;margin:0}
.bank-details .container>.row>.row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 0;padding:28px;background:white;border:1px solid var(--vs-line);border-radius:var(--vs-radius)}
.bank-details .col-xs-4 {min-width:0;padding:0;overflow-wrap:anywhere}
.marked-text {font-weight:600;color:var(--vs-ink)}
/* Contact: stable independent cells, maps bounded and copy free to wrap. */
.contact-locations {background:var(--vs-paper)}
.locations-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.location-cell {min-width:0}.locations-grid img {width:100%;height:300px;object-fit:contain;object-position:50% 45%;background:var(--vs-warm);border-radius:var(--vs-radius);margin-bottom:24px}
iframe {display:block;max-width:100%;width:100%;height:340px;border:0;border-radius:var(--vs-radius);background:var(--vs-tint)}
.locations-grid h1 {font-size:var(--vs-h2)}.locations-grid h2 {font-size:1.7rem}.locations-grid h3 {font-size:1.05rem;letter-spacing:0;color:var(--vs-teal-dark)}
.contact-details {background:var(--vs-tint)}.contact-details h2 {margin-bottom:32px}
.contact-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.contact-grid>div {background:white;padding:28px;border:1px solid var(--vs-line);border-radius:var(--vs-radius);min-width:0}
.vs-layout-icon-list-items {list-style:none;padding:0;margin:0;font-size:.9rem}
.vs-layout-icon-list-item {display:flex;gap:10px;align-items:flex-start;margin:12px 0;overflow-wrap:anywhere}
.vs-layout-icon-list-icon {flex:none;width:16px;padding-top:5px;line-height:1}
.vs-layout-icon-list-icon svg {width:14px;height:16px;fill:var(--vs-teal-dark)}
.vs-layout-icon-list-text {min-width:0;overflow-wrap:anywhere}
.contact-form-section {background:white}.vs-contact {max-width:760px;margin-inline:auto;background:var(--vs-purple);color:white;border-radius:var(--vs-radius);padding:clamp(24px,4vw,48px)}
.vs-contact-form {width:100%;margin:0;padding:0}.vs-contact-form p {margin:0 0 20px}
.contact {display:block;font-size:.9rem;line-height:1.7}.vs-contact-form-control-wrap {display:block;margin-top:6px}
.vs-contact-form-control {display:block;width:100%;min-width:0;max-width:100%;padding:12px 14px;border:1px solid #d9cce0;border-radius:var(--vs-radius-small);background:white;color:var(--vs-ink);line-height:1.6}
textarea.vs-contact-form-control {min-height:160px;resize:vertical}
#contact-submit {width:auto;min-width:140px;background:var(--vs-gold);color:var(--vs-ink);border:0;font-weight:600;cursor:pointer}
.vs-contact-spinner {display:none}.vs-contact-pending {font-size:.9rem;line-height:1.7;margin-top:24px}
.vs-contact-pending[hidden] {display:none}
/* Shared footer: retain both original marks and official links. */
.footer-minimal {margin:0;padding:40px 0;background:var(--vs-gold);color:var(--vs-ink);border-top:1px solid #e4a028}
.footer-minimal .row {display:flex;justify-content:center;gap:28px;margin:0;text-align:center}
.footer-minimal .col-12 {padding:0}
.wrapper-footer-icons {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px}
.footer-icons {display:flex;align-items:center;justify-content:center;width:220px;height:110px}
.footer-icons img {max-width:100%;max-height:105px;width:auto;height:auto;object-fit:contain}
.footer-minimal-nav {display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px}
.footer-minimal-nav li {margin:0}.footer-minimal-nav a {color:var(--vs-ink);font-size:.9rem;font-weight:500}
.social-list {display:flex;justify-content:center;gap:12px}.social-list li {margin:0}
.social-list a {display:grid;place-items:center;background:rgb(255 255 255 / .55);border-radius:50%;width:40px;height:40px;color:var(--vs-ink);font-size:19px}
.ui-to-top {position:fixed;bottom:20px;right:20px;z-index:90;width:44px;height:44px;border:1px solid var(--vs-line);border-radius:var(--vs-radius-small);background:var(--vs-paper);color:var(--vs-teal-dark);box-shadow:var(--vs-shadow);font-size:23px;visibility:hidden;opacity:0}
.ui-to-top.active {visibility:visible;opacity:1}
@media(min-width:768px) {
 .home-actions .col-md-6 {width:50%}
}
@media(max-width:1199px) {
 .rd-navbar-nav {gap:20px}.rd-navbar-main {gap:24px}
 .program-grid {grid-template-columns:240px minmax(0,1fr);gap:40px}.program-emblem img {width:240px;height:240px}
}
@media(max-width:991px) {
 html {scroll-padding-top:90px}
 .rd-navbar-main {min-height:76px;display:block}.rd-navbar-panel {width:100%;flex-direction:row-reverse;min-height:76px}
 .rd-navbar-brand img {width:116px!important;height:68px!important}
 .rd-navbar-toggle {display:block}
 .rd-navbar-main-element {width:100%}
 .rd-navbar-nav-wrap {display:none;max-height:calc(100dvh - 100px);overflow-y:auto;padding:4px 0 20px}
 .rd-navbar-nav-wrap.active {display:block}
 .rd-navbar-nav {display:block}.rd-nav-link {padding:10px 12px;white-space:normal}
 .rd-navbar-nav>li:last-child>.rd-nav-link {margin-top:8px;text-align:center}
 .sub-menu,.rd-nav-item:hover>.sub-menu,.rd-nav-item:focus-within>.sub-menu {display:block;position:static;width:auto;padding:0 0 8px 20px;border:0;box-shadow:none;border-left:2px solid var(--vs-line);border-radius:0;margin:0 0 0 12px}
 .sub-menu .rd-nav-link {font-size:.875rem;padding:7px 12px}
 .v2-gallery {--hero-height:480px}.actions-gallery .v2-gallery {--hero-height:430px}.collaborate-gallery .v2-gallery {--hero-height:460px}
 .about-cover img {height:380px}
 .about-intro .col-lg-6:first-child {width:32%}.about-intro .col-lg-6:last-child {width:68%}
 .about-values .box-icon-modern {display:block}.about-values .box-icon-inner {margin-bottom:20px}
 .contact-grid>div {padding:24px}
 .bank-details .container>.row>.row {grid-template-columns:1fr;gap:20px}
}
@media(max-width:767px) {
 :root {--vs-body:.9375rem;--vs-section:40px;--vs-gutter:20px;--vs-reading:100%}
 .row {gap:28px 0}
 .gallery-section {padding-top:16px}
 .v2-gallery {--hero-height:360px}.actions-gallery .v2-gallery {--hero-height:340px}.collaborate-gallery .v2-gallery {--hero-height:360px}
 .gallery-section .container {width:calc(100% - 24px)}
 .v2-gallery .item {border-radius:10px}
 .home-actions .justify-content-center {margin-bottom:28px}.home-actions .row-50 {row-gap:20px}
 .box-causes {padding:24px 16px}.flip-card {max-width:290px}.hints-text {font-size:.9rem;line-height:1.6}
 .home-actions .col-md-6 {width:100%}.home-current .col-lg-6 {flex-basis:100%}
 .home-current .box-icon-modern {gap:16px}.box-icon-inner {width:30px;font-size:25px}
 .box-img-animate {gap:12px}.box-img-animate-item {padding:4px}
 .about-cover {padding-block:16px}.about-cover img {height:320px}
 .about-intro .col-lg-6:first-child,.about-intro .col-lg-6:last-child,.about-values .col-lg-6 {width:100%}
 .about-intro img {width:220px}.about-values .box-icon-modern {padding:24px}
 .action-row .container>.row {flex-direction:column;align-items:flex-start;gap:24px}
 .action-row .container>.row>.col-3 {width:128px}.action-row img {width:128px;height:128px}
 .action-row .container>.row>.col-9 {width:100%}
 .program-hero {padding-block:32px}.program-grid {grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}
 .program-emblem img {width:190px;height:190px;margin:auto}.program-intro p {font-size:1rem}
 .program-intro h1 {margin-bottom:16px}.prose>ul>li {padding-block:24px}
 .prose>p:first-child {font-size:.75rem}
 .locations-grid,.contact-grid {grid-template-columns:minmax(0,1fr);gap:28px}
 .locations-grid img {height:240px}.locations-grid iframe {height:280px}
 .locations-grid h2 {font-size:1.5rem}.contact-grid>div {padding:20px}
 .vs-layout-icon-list-items {font-size:.86rem}.vs-contact {padding:24px 20px}
 .vs-contact-form-control {font-size:16px}.vs-contact-form br {display:none}
 .wrapper-footer-icons {gap:12px}.footer-icons {width:175px;height:95px}.footer-icons img {max-height:90px}
 .footer-minimal-nav {gap:12px 20px}.footer-minimal {padding:32px 0}
 .ui-to-top {bottom:12px;right:12px;width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto}.flip-card-inner,.owl-stage {transition:none!important}
}
@media print {
 .page-header {position:static}.rd-navbar-toggle,.owl-nav,.owl-dots,.ui-to-top {display:none}
 body {background:white}.section {padding-block:24px}
}