/* K Solares V16 — Lobby de contacto responsive. */
:root{color-scheme:dark;--ink:#062031;--cyan:#33d8f0;--muted:#b9cbd4;--line:rgba(161,202,222,.23)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-width:280px;min-height:100vh;min-height:100svh;color:#fff;background:#061925;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(110deg,rgba(3,17,27,.84),rgba(3,20,30,.78) 48%,rgba(3,19,29,.63)),url("fondo-horizontal.webp") center/cover no-repeat}
body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 38%,rgba(8,59,75,.16),rgba(1,13,22,.24) 80%);pointer-events:none}
button,a,summary{-webkit-tap-highlight-color:transparent}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
svg{display:block;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;flex-shrink:0}
[hidden]{display:none!important}
.lobby-shell{width:min(572px,calc(100% - 36px));margin:auto;padding:24px 0 36px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(36px,env(safe-area-inset-bottom))}
.lobby-brand{display:flex;justify-content:center;align-items:center;margin:0 0 20px;padding:2px 0 4px}
.lobby-brand img{display:block;width:min(330px,76vw);height:auto;aspect-ratio:auto;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 6px 18px rgba(0,0,0,.18))}
.lobby-head{text-align:center;margin:0 0 24px}
.lobby-head h1{margin:0;font-size:clamp(25px,4.4vw,32px);font-weight:600;letter-spacing:-.045em;line-height:1.18;text-wrap:balance}
.lobby-head p{margin:10px 0 0;color:#d4e0e7;font-size:13px;line-height:1.5;font-weight:400}
.channels{display:grid;gap:10px}
.channel-card{display:flex;align-items:center;gap:15px;min-height:78px;width:100%;padding:16px 19px;border:1px solid var(--line);border-radius:17px;background:rgba(7,28,41,.86);box-shadow:0 7px 24px rgba(1,10,19,.10);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left;transition:background-color .18s ease,border-color .18s ease;cursor:pointer;color:#fff}
.channel-card:hover{border-color:rgba(51,216,240,.66);background:rgba(9,40,55,.96)}
.channel-card:focus-visible,.action-btn:focus-visible,.phone-number:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.channel-card--quote{border-color:rgba(51,216,240,.62);background:rgba(8,51,65,.93)}
.channel-card--quote:hover{background:rgba(8,61,76,.98)}
.channel-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:rgba(35,178,208,.09);border:1px solid rgba(51,216,240,.18);color:var(--cyan)}
.channel-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.channel-copy strong{font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.channel-copy small{font-size:11.5px;font-weight:400;line-height:1.45;color:#bfd0db}
.channel-arrow{height:16px;width:16px;color:#7ba0b2;margin-left:auto;transition:transform .2s ease}
.channel-details{min-width:0}
.channel-details>summary{list-style:none}
.channel-details>summary::-webkit-details-marker{display:none}
.channel-details[open]>summary{border-radius:17px 17px 0 0;border-bottom-color:rgba(161,202,222,.12)}
.channel-details[open]>summary .channel-arrow{transform:rotate(180deg)}
.detail-panel{padding:20px;border:1px solid rgba(161,202,222,.23);border-top:0;border-radius:0 0 17px 17px;background:rgba(5,23,36,.96);color:#d8e5ec}
.detail-label{margin:0 0 10px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#a2bac8;font-weight:600}
.phone-number{display:inline-block;font-size:clamp(23px,5vw,30px);font-weight:600;letter-spacing:-.035em;color:#fff;user-select:text;margin:0 0 5px}
.detail-note{font-size:12px;line-height:1.6;color:#b6cbd6;margin:8px 0 16px}
.action-row{display:flex;gap:9px;flex-wrap:wrap}
.action-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 15px;border:1px solid rgba(160,204,224,.29);border-radius:11px;font-size:12px;line-height:1.4;font-weight:600;color:#e5f3fa;background:rgba(255,255,255,.045);transition:background-color .16s ease,border-color .16s ease}
.action-btn svg{width:17px;height:17px;color:var(--cyan)}
.action-btn:hover{background:rgba(51,216,240,.12);border-color:rgba(51,216,240,.65)}
.action-btn--primary{background:var(--cyan);border-color:var(--cyan);color:#062331}
.action-btn--primary svg{color:inherit}
.action-btn--primary:hover{background:#70e7f7}
.copy-status{margin:8px 0 0;font-size:11px;color:#c7dee9;min-height:16px}
.shop-address{margin:0;font-size:17px;font-weight:600;letter-spacing:-.025em;line-height:1.45;color:#fff}
.office-notice{display:flex;align-items:flex-start;gap:9px;margin:14px 0 18px;font-size:11.5px;line-height:1.55;color:#bdd0dc}
.office-notice svg{width:17px;height:17px;margin-top:2px;color:var(--cyan)}
.office-notice strong{display:block;color:#e8f2f7;font-size:12px;font-weight:600;margin-bottom:2px}
.office-hours p{margin:6px 0}
.map-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.map-buttons .action-btn{padding:11px 8px;font-size:11px;white-space:nowrap;gap:6px}
.visit-whatsapp{margin-top:10px;width:100%}
.noscript-note{margin:18px 0 0;font-size:12px;line-height:1.5;color:#d8e5ec}
.lobby-head,.channels{animation:lobbyFade .48s ease both}
.channels{animation-delay:.08s}
@keyframes lobbyFade{from{opacity:0}to{opacity:1}}
@media(min-width:1100px) and (min-height:850px){.lobby-shell{padding-top:35px}.lobby-brand{margin-bottom:25px}.lobby-brand img{width:min(360px,76vw)}.lobby-head{margin-bottom:26px}.channel-card{min-height:82px}}
@media(max-width:560px){body:before{background-image:linear-gradient(180deg,rgba(3,19,29,.77),rgba(3,19,29,.75) 60%,rgba(3,19,29,.86)),url("fondo-movil.webp");background-position:center 40%}.lobby-shell{width:calc(100% - 30px);padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.lobby-brand{margin-bottom:17px}.lobby-brand img{width:min(280px,78vw)}.lobby-head{margin-bottom:20px}.lobby-head h1{font-size:26px}.lobby-head p{font-size:11.5px;margin-top:8px}.channels{gap:9px}.channel-card{min-height:74px;padding:13px 14px;gap:12px;border-radius:15px}.channel-copy strong{font-size:13.5px}.channel-copy small{font-size:10.5px;line-height:1.4;max-width:270px}.channel-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}.channel-icon svg{width:19px;height:19px}.detail-panel{padding:17px}.map-buttons{gap:6px}.map-buttons .action-btn{font-size:10px;gap:4px;padding:10px 6px}.map-buttons svg{width:15px;height:15px}}
@media(max-width:350px){.lobby-shell{width:calc(100% - 24px)}.lobby-head h1{font-size:24px}.channel-card{gap:10px;padding:12px}.channel-copy strong{font-size:12.5px}.channel-copy small{font-size:10px}.map-buttons{grid-template-columns:1fr}.map-buttons .action-btn{font-size:12px}.map-buttons svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.channel-card--whatsapp .channel-icon{background:rgba(37,211,102,.10);border-color:rgba(37,211,102,.35);color:#25D366;box-shadow:inset 0 0 0 1px rgba(37,211,102,.10)}
.channel-card--whatsapp:hover{border-color:rgba(37,211,102,.55)}

.legal-footer{margin:22px 0 0;padding:18px 6px 0;border-top:1px solid rgba(161,202,222,.16);text-align:center;color:#9fb7c4;font-size:10.5px;line-height:1.55}
.legal-footer>span{display:block;margin-bottom:5px;color:#b9cbd4;font-weight:600}
.legal-links{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.legal-links a{color:#b9cbd4;text-decoration:underline;text-decoration-color:rgba(185,203,212,.45);text-underline-offset:3px}
.legal-links a:hover{color:#fff;text-decoration-color:#33d8f0}
@media(max-width:560px){.legal-footer{margin-top:18px;padding-top:15px;font-size:10px}.legal-links{gap:6px}}

.channel-card--whatsapp .channel-icon svg{stroke:none;fill:currentColor;width:22px;height:22px}
@media(max-width:560px){.channel-card--whatsapp .channel-icon svg{width:20px;height:20px}}

.channel-card--whatsapp .channel-icon svg{stroke:none;fill:currentColor;width:24px;height:24px}
.channel-card--whatsapp .channel-icon svg path{fill:currentColor}
@media(max-width:560px){.channel-card--whatsapp .channel-icon svg{width:22px;height:22px}}

.external-privacy-note{margin:16px auto 0;text-align:center;max-width:500px;color:#9fb7c2;font-size:10.5px;line-height:1.5}.external-privacy-note a{color:#c7f5fb;text-decoration:underline;text-underline-offset:2px}