/* Final responsive behavior, preserving the established black and gold design. */
:root{--menu-offset:130px;--masthead-height:120px;--hero-bottom-height:82px}
html{scroll-padding-top:calc(var(--menu-offset) + 20px)}
body{min-width:0}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:default}
.masthead,.masthead header,.masthead nav{min-width:0}
.masthead h1{line-height:1.08;white-space:nowrap}
.masthead h1 span{line-height:1.5}
.masthead nav a{font-size:1rem;min-height:48px;line-height:1.4;text-align:center}
.masthead nav a:last-child{background:var(--gold);color:#17100a;font-weight:500;border-radius:6px}
.masthead nav a:last-child:hover,.masthead nav a:last-child.is-active{background:#e8ae60;color:#17100a;box-shadow:0 0 18px #d2944260}
.menu-pending .masthead nav{opacity:0;visibility:hidden;pointer-events:none}
.masthead nav{transition:opacity .6s ease,visibility 0s}
.hero{min-height:calc(100svh - var(--masthead-height));display:flex;flex-direction:column}
.hero-photo-frame{flex:1;min-height:180px;aspect-ratio:auto;height:max(180px,calc(100svh - var(--masthead-height) - var(--hero-bottom-height)));background:var(--ink);display:flex;align-items:center;justify-content:center}
.hero-photo-stage{position:relative;width:100%;aspect-ratio:1702/924;flex:none;overflow:hidden}
.hero-photo-frame .hero-photo{object-fit:contain;width:100%;height:100%}
.hero-bottom{flex:none}
.hero-bottom p{white-space:normal;line-height:1.5;font-size:clamp(1rem,1.65vw,1.375rem)}
.button{font-size:.875rem;min-height:48px;line-height:1.4;letter-spacing:.04em}
.intro-pending .hero-bottom{opacity:0}
.hero-bottom{transition:opacity .6s ease}
.skip-intro{display:none;position:absolute;z-index:15;right:16px;bottom:16px;background:#080c12e8;color:var(--cream);border:1px solid #d2944280;border-radius:6px;padding:12px 16px;font-size:.875rem;min-height:44px}
.intro-pending .skip-intro{display:block}
.section,.about{min-width:0}
.intro{font-size:1rem;line-height:1.8}
.gallery-card small{font-size:.875rem;letter-spacing:.05em}
.expand-label{font-size:.875rem;letter-spacing:0}
.gallery-open{border-radius:4px}
.gallery-open img{height:auto;aspect-ratio:16/10;object-fit:contain}
.gallery-dialog{overscroll-behavior:contain}
.gallery-dialog-top{font-size:.875rem;gap:16px}
.gallery-dialog button{min-height:44px;border-radius:4px}
body.modal-open{overflow:hidden}
.event-form{margin-top:24px;grid-area:auto;position:static;background:#151b24;border-color:#d2944240;box-shadow:none;padding:24px}
.event-form label{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;text-shadow:none;font-size:.875rem}
.event-form input,.event-form select{background:#fff;color:#191919;color-scheme:light;text-shadow:none;min-height:46px}
.event-form input::placeholder{color:#59606a}
.event-form select option{background:#fff;color:#191919}
.event-form h3{font-size:1.375rem;text-shadow:none}
.event-form-footer{flex-wrap:wrap}
.event-form-footer p{font-size:.875rem;line-height:1.6;text-shadow:none;max-width:440px}
.event-draft{margin-top:24px;border-top:1px solid #ffffff25;padding-top:20px}
.event-draft[hidden]{display:none}
.event-draft label{font-size:1rem}
.event-draft textarea{display:block;width:100%;resize:vertical;min-height:220px;border:1px solid #ffffff55;border-radius:5px;padding:14px;background:#fff;color:#191919;line-height:1.6;font-size:1rem}
.event-draft .button{margin-top:14px}
.event-status{min-height:1.6em;font-size:.875rem;line-height:1.6;color:var(--cream)}
.contact-group-photo #contact-heading{position:static;width:100%;font-size:clamp(30px,4vw,52px);line-height:1.15;letter-spacing:-1px;margin:0 0 24px;text-shadow:none;padding:0 4px}
.contact-stage{display:block}
.contact-group-photo{border-radius:0}
.member-copy .member-origin,.member-copy .member-role{font-size:.875rem}
.member-copy .member-bio{font-size:1rem}
footer{font-size:.875rem}
@media (min-width:601px) and (max-width:1100px){
 .masthead{flex-direction:column;justify-content:center;gap:12px;padding:12px 3%}
 .masthead header{justify-content:center}
 .masthead nav{width:min(820px,100%);max-width:none;flex:auto}
 .masthead nav a,.masthead nav a:last-child{font-size:1rem;min-height:48px;padding:12px 8px}
}
@media (max-width:600px){
 html.intro-pending{overflow:auto}
 .intro-pending main>section:not(#inicio),.intro-pending .hero-bottom,.intro-pending footer{visibility:visible;pointer-events:auto}
 .masthead header{gap:18px;padding:24px 14px 30px}
 .title-pending .masthead header{gap:18px}
 .masthead h1,.title-pending .masthead h1{max-height:none;overflow:visible;font-size:clamp(36px,10vw,58px);letter-spacing:-1px}
 .masthead h1 span{font-size:clamp(14px,3.9vw,17px);letter-spacing:.18em;margin-bottom:14px}
 .masthead nav,.menu-pending .masthead nav{max-height:none;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 12px 8px;row-gap:4px}
 .masthead nav>a:nth-of-type(1){grid-column:1;grid-row:1}
 .masthead nav>a:nth-of-type(2){grid-column:2;grid-row:1}
 .masthead nav>a:nth-of-type(3){grid-column:3;grid-row:1}
 .masthead nav>a:last-child{grid-column:1/-1;grid-row:2;width:min(280px,100%);justify-self:center;font-size:1rem;min-height:44px;padding:10px 16px}
 .masthead nav a{font-size:.875rem;min-height:44px;padding:10px 4px}
 .hero-bottom{gap:18px;padding:20px 16px 28px}
 .hero-bottom p{font-size:1rem}
 .hero-bottom .button{padding:14px 16px}
 .actions{gap:10px}
 .show-intro h2,.about>h2,#galeria>h2,.contact-group-photo #contact-heading{font-size:clamp(27px,8vw,32px);letter-spacing:-.5px}
 .event-form{padding:20px 16px}
 .event-form-grid{grid-template-columns:minmax(0,1fr)}
 .skip-intro{right:12px;bottom:12px}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .photo-reveal-panel{opacity:0!important}
}
/* Keep the full group width while cropping empty headroom and lower legs. */
.hero{min-height:0}
.hero-photo-frame{flex:none;min-height:0;height:auto;overflow:hidden}
.hero-photo-stage{aspect-ratio:1702/570;max-height:max(120px,calc(100svh - var(--masthead-height) - var(--hero-bottom-height) - 8px))}
.hero-photo-frame .hero-photo{object-fit:cover;object-position:50% 34%}
.hero-bottom{padding-top:14px;padding-bottom:14px}
@media(max-width:600px){
 .hero-bottom{gap:12px;padding:14px 12px 18px}
 .hero-bottom .button{padding:12px 14px;min-height:46px}
}

/* A single group entrance replaces the seven individual reveal strips. */
.hero-photo-stage{background:radial-gradient(ellipse at center,#e6b85a,#c89038)}
.entrance-pending .hero-photo{opacity:0}
@media(prefers-reduced-motion:reduce){.entrance-pending .hero-photo{opacity:1}}
/* Standalone chest-up portraits retain the complete photographic frame. */
.member-portrait{aspect-ratio:3/4}
.member-photo{width:100%;height:100%;object-fit:contain;object-position:center}

/* Trim the thin outer scan borders without changing the original artwork. */
.album-art-scan{overflow:hidden}
.album-art-scan img{object-fit:cover;transform:scale(1.035)}

/* Lighter typography, same sizes and responsive layout. */
h3,.about-tabs button{font-weight:500}

/* Compact individual portraits with breathing room inside each profile. */
.member-portrait{width:min(180px,calc(100% - 48px));margin:24px auto 0;border-radius:10px;aspect-ratio:3/4}
@media(max-width:580px){.member-portrait{width:min(150px,calc(100% - 48px));margin-top:22px}}

/* Light presentation for Nosotros and all four content tabs. */
#nosotros{--cream:#29251f;--muted:#625b52;--text:#39332b;--gold:#946423;background:#f6f1e8;color:var(--text);max-width:none;border-top:1px solid #dacdb9;border-bottom:1px solid #dacdb9}
#nosotros>h2{max-width:1100px;margin-left:auto;margin-right:auto;color:var(--gold)}
#nosotros .about-tabs{border-bottom-color:#d8c6a9;gap:10px}
#nosotros .about-tabs button{background:#fffdf9;color:#4d453a;border-color:#d8c6a9;font-weight:500}
#nosotros .about-tabs button[aria-selected="true"]{background:#946423;color:#fff;border-color:#946423;box-shadow:0 3px 12px #94642325}
#nosotros .about-tabs button:hover{border-color:#946423}
#nosotros .about-qualities article{border-top-color:#d8c6a9}
#nosotros .member-card,#nosotros .album-card{background:#fffdf9;border-color:#dfd3c1;box-shadow:0 5px 20px #40301708}
#nosotros .album-player-credit{color:#625b52}
#nosotros .timeline li{border-top-color:#d8c6a9}
#nosotros .timeline p,#nosotros .archive-note{color:#625b52}
#nosotros .timeline .year{color:#946423}

/* Golden variation of the Nosotros background. */
#nosotros{--cream:#30220f;--muted:#594125;--text:#35250f;--gold:#67420e;background:linear-gradient(135deg,#e6c174 0%,#d8a852 50%,#e3bb68 100%);border-color:#bc8737}
#nosotros .about-tabs{border-bottom-color:#a5702e66}
#nosotros .about-tabs button{background:#fff6dfb8;color:#493315;border-color:#a5702e66}
#nosotros .about-tabs button[aria-selected="true"]{background:#67420e;color:#fff6e1;border-color:#67420e;box-shadow:0 3px 12px #67420e30}
#nosotros .about-tabs button:hover{border-color:#67420e}
#nosotros .member-card,#nosotros .album-card{background:#fff7e8d9;border-color:#b4884566}
#nosotros .about-qualities article,#nosotros .timeline li{border-top-color:#a5702e66}
#nosotros .timeline p,#nosotros .archive-note,#nosotros .album-player-credit{color:#594125}
#nosotros .timeline .year{color:#67420e}

/* Black type and black tab buttons on the golden Nosotros section. */
#nosotros{--cream:#111;--muted:#111;--text:#111;--gold:#111;color:#111}
#nosotros .about-tabs button{background:#111;color:#fff;border-color:#111}
#nosotros .about-tabs button[aria-selected="true"]{background:#000;color:#fff;border-color:#000;box-shadow:0 0 0 2px #e6c174,0 0 0 3px #000}
#nosotros .about-tabs button:hover{background:#000;border-color:#000}
#nosotros .timeline p,#nosotros .archive-note,#nosotros .album-player-credit,#nosotros .timeline .year{color:#111}

/* Position the original group photo within the existing hero. */
.hero-photo-frame .hero-photo{object-position:50% 55%}

.stage-flash{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 35%,#fffef6 0%,#ffe4a6 45%,#d2944240 100%)}
@media(prefers-reduced-motion:reduce){.stage-flash{display:none}}

.hero-welcome{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;color:#f7f1e6;opacity:0;pointer-events:none}
.hero-welcome[hidden]{display:none}
.hero-welcome p{margin:0 0 12px;font-size:clamp(15px,2vw,27px);font-weight:400}
.hero-welcome strong{font-family:Georgia,serif;font-size:clamp(25px,4.5vw,65px);font-weight:400;line-height:1.1;color:#d29442}
@media(max-width:600px){.hero-welcome p{margin-bottom:6px}.hero-welcome strong{font-size:clamp(21px,6vw,30px)}}
@media(prefers-reduced-motion:reduce){.hero-welcome{display:none}}

.hero-welcome{background:#080c12}

/* Keep skip control clear of the desktop welcome and shorten the closing sequence. */
@media(min-width:601px){.skip-intro{position:fixed;top:16px;right:18px;bottom:auto;z-index:50;font-size:12px;padding:8px 12px;min-height:36px}}
.masthead nav{transition:max-height 450ms ease,opacity 350ms ease,visibility 0s}
.masthead header{transition:gap 350ms ease}
.masthead h1{transition:max-height 350ms ease}
.hero-bottom{transition:opacity 350ms ease}

/* Mobile skip control stays outside the welcome text area. */
@media(max-width:600px){.skip-intro{position:fixed;top:max(10px,env(safe-area-inset-top));right:10px;bottom:auto;z-index:50;font-size:11px;padding:7px 10px;min-height:36px}}

/* Compact mobile welcome, then expand into the photograph and remaining UI. */
@media(max-width:600px){
 html.intro-pending{overflow:hidden}
 .intro-pending .masthead header{padding:10px 14px 4px;gap:0}
 .intro-pending .masthead .logo img{width:90px;height:76px}
 .title-pending .masthead h1{max-height:0;overflow:hidden;margin:0;opacity:0}
 .menu-pending .masthead nav{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}
 .intro-pending .hero{min-height:calc(100svh - 90px)}
 .intro-pending main>section:not(#inicio),.intro-pending .hero-bottom,.intro-pending footer{visibility:hidden;pointer-events:none}
 .hero-photo-stage{transition:height 550ms ease}
 .hero-welcome{justify-content:flex-start;padding:10px 16px}
 .hero-welcome p{font-size:15px;margin-bottom:7px}
 .hero-welcome strong{font-size:27px;line-height:1.08}
 .masthead nav{transition:max-height 250ms ease,opacity 200ms ease,visibility 0s}
 .masthead h1,.masthead header{transition:max-height 250ms ease,gap 250ms ease}
 .hero-bottom{transition:opacity 200ms ease}
}

/* Give the welcome breathing room and match the final entrances. */
.masthead nav{transition:max-height 600ms ease,opacity 600ms ease,visibility 0s}
.hero-bottom{transition:opacity 600ms ease}
@media(max-width:600px){
 .hero-welcome{padding-top:24px}
 .masthead nav{transition:max-height 600ms ease,opacity 600ms ease,visibility 0s}
 .masthead h1,.masthead header{transition:max-height 600ms ease,gap 600ms ease}
 .hero-bottom{transition:opacity 600ms ease}
}

/* Desktop contact form overlays the lower part of the group photo. */
@media(min-width:901px){
 #contrataciones{padding-top:0;scroll-margin-top:8px}
 .contact-stage{position:relative;display:block}
 .contact-stage .contact-group-photo{position:relative;margin:0}
 .contact-group-photo img{height:clamp(420px,calc(100svh - var(--menu-offset,100px) - 24px),680px);object-fit:cover;object-position:center 30%}
 .contact-group-photo #contact-heading{position:absolute;top:18px;left:3%;right:3%;width:auto;margin:0;padding:0;font-size:clamp(20px,2.2vw,30px);color:var(--gold);text-shadow:0 2px 6px #000}
 .contact-stage .event-form{position:absolute;left:24px;right:24px;bottom:16px;margin:0;padding:16px 22px;background:rgba(210,148,66,.16);border-color:#d2944270;backdrop-filter:none;z-index:3}
 .event-form-grid{grid-template-columns:1fr 1fr;gap:24px}
 .event-form-column{gap:8px}
 .event-form label{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:8px;color:#fff;text-shadow:0 1px 4px #000}
 .event-form input,.event-form select{min-height:40px;background:rgba(210,148,66,.24);border-color:#ffffff90;color:#fff;color-scheme:dark}
 .event-form input::placeholder{color:#fff;opacity:.9}
 .event-form select option{background:#151b24;color:#fff}
 .event-form h3{margin-bottom:12px;text-shadow:0 1px 4px #000}
 .event-form-footer{margin-top:12px}
 .event-form-footer p{font-size:12px;line-height:1.4;text-shadow:0 1px 4px #000}
}

.member-biography{margin-top:16px;border-top:1px solid #1113;padding-top:14px}
.member-biography summary{cursor:pointer;font-size:15px;line-height:1.6;color:inherit;padding:8px 0}
.member-biography summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.member-biography .member-bio{margin-top:12px}
.member-biography audio{display:block;width:100%;max-width:100%;margin-top:10px}
.member-song-title{font-size:15px;margin:16px 0 0}
.member-song-title small{display:block;font-size:12px;margin-top:4px}
.member-audio-status{font-size:13px;line-height:1.5;margin:8px 0 0}

.member-listen{margin-top:12px;padding:10px 14px;border:1px solid currentColor;border-radius:5px;background:#111;color:#fff;font:inherit;font-size:14px;cursor:pointer}
.member-listen:focus-visible{outline:2px solid #111;outline-offset:4px}

/* Light Nosotros section with golden tab buttons. */
#nosotros{--cream:#24211d;--muted:#5e574f;--text:#302b25;--gold:#946423;background:#f6f1e8;color:var(--text);border-color:#dacdb9}
#nosotros .about-tabs{border-bottom-color:#d8c6a9}
#nosotros .about-tabs button{background:#dfb66b;color:#211707;border-color:#c5984d;box-shadow:none}
#nosotros .about-tabs button[aria-selected="true"]{background:#d29442;color:#17100a;border-color:#9b6b28;box-shadow:0 0 0 2px #f6f1e8,0 0 0 3px #b4863e}
#nosotros .about-tabs button:hover{background:#d8a653;border-color:#946423}
#nosotros .member-card,#nosotros .album-card{background:#fffdf9;border-color:#dfd3c1}
#nosotros .timeline p,#nosotros .archive-note,#nosotros .album-player-credit{color:#5e574f}
#nosotros .timeline .year{color:#946423}
#nosotros .about-qualities article,#nosotros .timeline li{border-top-color:#d8c6a9}
#nosotros .member-listen{background:#dfb66b;color:#211707;border-color:#c5984d}

/* Mobile: booking above, section links in one clear gold band over the photo. */
@media(max-width:600px){
 .masthead nav{width:100%;max-width:none;padding:6px 0 0;column-gap:0;row-gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .masthead nav>a:nth-of-type(1){grid-column:1;grid-row:2}
 .masthead nav>a:nth-of-type(2){grid-column:2;grid-row:2}
 .masthead nav>a:nth-of-type(3){grid-column:3;grid-row:2}
 .masthead nav>a:nth-of-type(-n+3){background:#d29442;color:#17100a;border:0;border-radius:0;font-size:17px;font-weight:500;min-height:50px;padding:12px 5px;letter-spacing:0}
 .masthead nav>a:nth-of-type(-n+3):hover,.masthead nav>a:nth-of-type(-n+3).is-active{background:#e2ac60;color:#080c12;box-shadow:inset 0 -3px 0 #17100a}
 .masthead nav>a:nth-of-type(-n+3)::after{display:none}
 .masthead nav>a:last-child{grid-column:1/-1;grid-row:1;justify-self:center;width:min(280px,calc(100% - 32px));margin:0;min-height:44px}
}

/* The section strip follows the title; only booking remains at the top on mobile. */
.mobile-section-links{display:none}
@media(max-width:600px){
 .masthead nav>a:nth-of-type(-n+3){display:none}
 .masthead nav{grid-template-columns:1fr;padding:6px 0 8px;row-gap:0}
 .masthead nav>a:last-child{grid-column:1;grid-row:1}
 .mobile-section-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:sticky;top:var(--booking-offset,58px);z-index:29;width:100%;margin:0;padding:0;background:#d29442;border:0;max-height:64px;transition:opacity 600ms ease,max-height 600ms ease}
 .mobile-section-links a,.mobile-section-links a:last-child{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 5px;background:transparent;color:#17100a;border:0;border-radius:0;font-size:17px;font-weight:500;letter-spacing:0;text-align:center}
 .mobile-section-links a.is-active{background:#e2ac60;box-shadow:inset 0 -3px #17100a}
 .mobile-section-links a::after{display:none}
 .menu-pending .mobile-section-links{max-height:0;min-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none}
}

/* Keep the mobile links in place while switching to the dark scrolling menu. */
@media(max-width:600px){
 .mobile-section-links{transition:background-color 250ms ease,opacity 600ms ease,max-height 600ms ease}
 .mobile-section-links a,.mobile-section-links a:last-child{transition:color 250ms ease,background-color 250ms ease,box-shadow 250ms ease}
 .mobile-section-links.is-scrolled{background:#080c12}
 .mobile-section-links.is-scrolled a,.mobile-section-links.is-scrolled a:last-child{color:#fff;background:transparent}
 .mobile-section-links.is-scrolled a.is-active{color:#fff;background:#d2944212;box-shadow:inset 0 -2px #d29442,0 0 12px #d2944230}
}

/* Facebook timeline beside its section introduction; stacked on mobile. */
.facebook-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);align-items:center;gap:48px;background:#0c1017}
.facebook-section .facebook-copy h2{text-align:left;color:var(--gold,#d29442)}
.facebook-section .intro{text-align:left;margin:18px 0 28px;max-width:440px}
.facebook-page-link{display:inline-flex;padding:13px 22px;border:1px solid #d29442;border-radius:999px;color:#e3b475;text-decoration:none;font-weight:500}
.facebook-page-link:hover{background:#d29442;color:#080c12}
.facebook-page-link:focus-visible{outline:3px solid white;outline-offset:4px}
.facebook-help{font-size:13px;line-height:1.6;opacity:.7;max-width:390px;margin-top:20px}
.facebook-feed{width:100%;max-width:500px;min-width:0;justify-self:center;overflow:hidden;border-radius:16px;background:#fff;min-height:620px;box-shadow:0 12px 40px #0004}
.facebook-feed iframe{display:block;max-width:100%;margin:auto}
@media(max-width:700px){.facebook-section{grid-template-columns:1fr;gap:26px}.facebook-section .facebook-copy h2,.facebook-section .intro{text-align:center}.facebook-copy{text-align:center}.facebook-section .intro,.facebook-help{margin-left:auto;margin-right:auto}}

/* Commercial introduction inside the Nosotros tab */
.viva-pitch{display:grid;gap:24px;margin-top:18px}
.viva-pitch-lead{position:relative;isolation:isolate;overflow:hidden;background:#1a1713;color:#fff4dc;border-radius:24px;padding:clamp(24px,6vw,70px)}
.viva-pitch-lead::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:repeating-radial-gradient(ellipse at 115% 100%,transparent 0 22px,#dfb66b26 23px 24px,transparent 25px 32px);mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}
.viva-pitch .viva-kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;margin:0 0 14px}
.viva-pitch-lead .viva-kicker{color:#eccb8e}
#nosotros .viva-pitch-lead h3{font-size:clamp(2.05rem,6.4vw,5rem);line-height:1;letter-spacing:-.045em;text-align:left;color:#fff4dc;margin:0 0 20px}
.viva-pitch-lead em{font-style:normal;color:#e5b96d}
.viva-pitch-lead p:last-child{max-width:59ch;color:#f3e4ce;line-height:1.65;margin:0}
.viva-pitch-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr);align-items:start;gap:clamp(20px,4vw,46px)}
.viva-proof{padding:clamp(18px,3vw,30px);background:#efe1c6;color:#49301a;border-radius:19px;border:1px solid #ddc7a2}
.viva-stat{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;padding:15px 0 0;margin:14px 0 0;border-top:1px solid #d4b88b}
.viva-stat strong{font-size:clamp(1.3rem,2.55vw,2.55rem);line-height:1.04;color:#603817}
.viva-stat p{grid-column:1/-1;margin:0;line-height:1.55}
.viva-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#754414;background:#f2dfba;border:1px solid #d5b782}
.viva-icon svg{width:25px;height:25px}
.viva-proof .viva-icon{background:#fff6e3}
.viva-pitch-details .viva-kicker{color:#71491e;margin:6px 0 3px}
.viva-benefits{list-style:none;margin:0;padding:0}
.viva-benefits li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid #e0d1b9}
.viva-benefits li:last-child{border-bottom:0}
.viva-benefits h4{color:#593616;margin:0 0 5px;font-size:1.12rem;text-align:left}
.viva-benefits p{line-height:1.55;color:#413930;margin:0}
.viva-pitch-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#241b13;color:#fff4dc;border-radius:17px;padding:18px clamp(16px,3vw,30px)}
.viva-pitch-cta p{margin:0;font-weight:600}
.viva-pitch-cta a{display:inline-flex;gap:12px;flex:none;border-radius:999px;background:#dfb66b;color:#211707;padding:12px 19px;text-decoration:none;font-weight:650}
.viva-pitch-cta a:hover{background:#ebc581}
.viva-pitch-cta a:focus-visible{outline:3px solid #fff4dc;outline-offset:3px}
@media(max-width:730px){.viva-pitch-body{grid-template-columns:minmax(0,1fr)}.viva-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.viva-proof .viva-kicker{grid-column:1/-1;margin-bottom:0}.viva-stat{grid-template-columns:1fr;align-content:start}.viva-stat p{font-size:.9rem}.viva-stat .viva-icon{width:36px;height:36px}.viva-stat svg{width:20px;height:20px}}
@media(max-width:560px){.viva-pitch-cta{align-items:flex-start;flex-direction:column}.viva-benefits .viva-icon{width:40px;height:40px}.viva-benefits svg{width:22px;height:22px}}

#nosotros .viva-pitch-title{margin:0;text-align:left;font-size:clamp(1.75rem,4vw,3rem);line-height:1.1;color:#593616}
.viva-stat:first-child{padding-top:0;margin-top:0;border-top:0}
@media(max-width:730px){.viva-stat:nth-child(2){padding-top:0;margin-top:0;border-top:0}}

#nosotros .viva-pitch-closing{margin:0;padding:clamp(18px,4vw,36px);border-top:1px solid #d8c6a9;color:#593616;text-align:center;font-size:clamp(1.4rem,3vw,2.3rem);line-height:1.2;text-wrap:balance}