/* Full-page color variations. Choose the launch theme in config.js. */
:root{--accent-hover:#193bc1;--card-edge:#d6c84e;--card-side:#c5b94c;--shadow:rgba(20,43,64,.13)}
:root[data-theme="mint"]{--ink:#173d36;--blue:#145c4f;--yellow:#bdebd2;--mist:#f0f6f3;--muted:#49675f;--line:#d5e4dc;--accent-hover:#104b40;--card-edge:#94c9ad;--card-side:#89b89e;--shadow:rgba(23,61,54,.13)}
:root[data-theme="violet"]{--ink:#322546;--blue:#6240be;--yellow:#ffd2aa;--mist:#f5f1fa;--muted:#655873;--line:#e3daeb;--accent-hover:#4e309f;--card-edge:#e5af80;--card-side:#cc9b72;--shadow:rgba(50,37,70,.13)}
:root[data-theme="coral"]{--ink:#452735;--blue:#a32a48;--yellow:#ffe1e3;--mist:#fbf2f3;--muted:#745b65;--line:#ead9df;--accent-hover:#86203a;--card-edge:#e8b7be;--card-side:#d5a1aa;--shadow:rgba(69,39,53,.13)}
.primary:hover{background:var(--accent-hover)}
.physical-card{border-color:var(--card-edge);box-shadow:0 5px 0 var(--card-side),0 16px 20px var(--shadow)}
.hero-phone,.interactive-phone{box-shadow:0 15px 25px var(--shadow)}
.destination.active{border-color:var(--card-edge)}
.practical-note{border-color:var(--line)}
.business-name input::placeholder{color:var(--muted)}
.hub-explanation{border-inline-start:3px solid var(--blue);background:var(--mist);padding:16px 20px;font-size:14px;line-height:1.7;max-width:760px;margin:25px 0 0}
.hub-explanation[hidden]{display:none}
.whatsapp-header{min-height:44px;background:var(--blue);color:#fff;border-color:var(--blue);gap:15px}.whatsapp-header:hover{background:var(--accent-hover)}.whatsapp-header svg{flex-shrink:0}.whatsapp-break{margin-top:36px;background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.whatsapp-break h2{font-size:28px;letter-spacing:-.7px}.whatsapp-break p{font-size:15px;color:var(--muted);margin:10px 0 0}.whatsapp-break .button{font-size:14px;white-space:nowrap}
@media(max-width:760px){.whatsapp-break{display:block;margin-top:25px;padding:25px 23px}.whatsapp-break h2{font-size:25px}.whatsapp-break p{font-size:14px}.whatsapp-break .button{margin-top:20px;font-size:13px;gap:15px;white-space:normal}.header-cta.whatsapp-header{gap:9px}}
.text-link{display:block;width:fit-content;margin-top:16px;color:var(--blue);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.hero .physical-card{background:#f7f3e7;color:#43523a;border-color:#d4c9a5;box-shadow:0 5px 0 #bdb18e,0 16px 20px var(--shadow)}.olive-brand strong{font-family:Georgia,serif;letter-spacing:3px;font-size:36px}.olive-brand>span{font-family:Georgia,serif;font-size:15px;font-style:italic}.hero .olive-badge{background:#e8eddf;color:#43523a}.olive-wordmark{font-family:Georgia,serif;color:#43523a;direction:ltr}
.placements{padding-block:80px 45px}.placement-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.placement-grid figure{margin:0;min-width:0}.placement-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.placement-grid figcaption{padding-top:17px;display:flex;flex-direction:column;gap:7px}.placement-grid figcaption strong{font-size:19px;letter-spacing:-.3px}.placement-grid figcaption span{font-size:12px;color:var(--muted)}.placement-disclaimer{font-size:11px;color:var(--muted);line-height:1.7;margin:18px 0 0}.video-section{padding-block:25px 5px}.video-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.video-heading h2{font-size:40px}.video-heading p{font-size:17px;color:var(--muted);margin:12px 0 0}.video-heading>span{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:9px 15px;white-space:nowrap}.video-section video{display:block;width:100%;aspect-ratio:16/9;background:var(--mist);border-radius:12px;object-fit:contain}
@media(max-width:760px){.placements{padding-block:48px 25px}.placement-grid{grid-template-columns:1fr;gap:28px}.placement-grid figcaption strong{font-size:18px}.video-heading{display:block;margin-bottom:20px}.video-heading h2{font-size:34px}.video-heading p{font-size:15px}.video-heading>span{display:inline-block;margin-top:15px}.video-section{padding-block:20px 0}.placement-disclaimer{font-size:10px}}
@media(max-width:760px){.header .brand{font-size:21px;letter-spacing:-.8px}.header{gap:8px}.header-cta{gap:14px;padding-inline:11px}}
@media(max-width:350px){.header .brand{font-size:19px}.header .brand svg{width:21px}.header-cta{gap:9px;font-size:11px}}
