.channels{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ch{position:relative;overflow:hidden}.ch .ico{background:color-mix(in srgb, var(--c,var(--turquesa)) 18%, #fff);border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.ch .ico svg{width:24px;height:24px;stroke:var(--tinta);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.ch h3{font-size:26px}.ch .handle{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.ch code{font-family:var(--f-label);user-select:all;overflow-wrap:anywhere;font-size:14px;font-stretch:87.5%}.ch .out{color:var(--marea);margin-top:auto;font-size:14px;font-weight:700;text-decoration:none}.ch .out:after{content:"";z-index:1;position:absolute;inset:0}.ch .handle{z-index:2;position:relative}.ch:hover{transform:translateY(-4px);box-shadow:0 22px 44px -28px #0527338c}.ch:focus-within{box-shadow:0 0 0 3px var(--sol)}.ch-wa{background:linear-gradient(140deg, var(--marea), var(--abismo) 70%);color:#fff;border:0;grid-area:span 2/span 2;align-content:space-between;min-height:340px;padding:clamp(24px,3vw,36px)}.ch-wa:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--turquesa) 60%, transparent), transparent 65%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-110px;right:-90px}.ch-wa>*{position:relative}.ch-wa .ico{background:var(--sol)}.ch-wa .ico svg{stroke:var(--abismo)}.ch-wa h3{letter-spacing:-.03em;font-size:clamp(28px,3vw,42px);font-weight:900;font-stretch:105%;line-height:.92}.ch-wa p{color:#fffc;max-width:38ch;font-size:17px}.ch-wa .out{background:var(--sol);color:var(--abismo);border-radius:999px;place-self:end start;padding:15px 22px;font-size:15px;position:static}.ch-wa .out:hover{background:#ffc757}.ch-wa .live{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--sol);align-items:center;gap:8px;font-size:11px;font-stretch:87.5%;display:inline-flex}.ch-wa .live:before{content:"";background:var(--turquesa);width:8px;height:8px;box-shadow:0 0 0 0 var(--turquesa);border-radius:50%;animation:2s ease-out infinite ping}@keyframes ping{70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.copy-btn{border:1.5px solid var(--linea);background:var(--espuma);color:var(--tinta);font:600 12px var(--f-body);cursor:pointer;border-radius:999px;padding:5px 12px}.copy-btn:hover{border-color:var(--marea)}@media (width<=960px){.channels{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-wa{grid-row:auto;min-height:280px}}@media (width<=600px){.channels{grid-template-columns:1fr}.ch-wa{grid-column:auto}}.sede-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:stretch;gap:16px;display:grid}.sede-card{background:var(--sol);color:var(--abismo);border:0;align-content:space-between;gap:18px;padding:clamp(24px,3vw,34px)}.sede-card h3{letter-spacing:-.02em;font-size:clamp(30px,3.4vw,44px);font-weight:900;font-stretch:112%;line-height:.95}.sede-card p{color:var(--cacao)}.sede-card .addr{background:color-mix(in srgb, var(--abismo) 8%, transparent);border-radius:16px;gap:10px;padding:14px 16px;display:grid}.sede-card .addr span{user-select:all;font-weight:600}.sede-card .copy-btn{background:#fff;border-color:#0000;justify-self:start}.sede-card .btns{flex-wrap:wrap;gap:10px;display:flex}.map-card{background:var(--abismo);border-radius:22px;min-height:340px;position:relative;overflow:hidden}.map-card svg{width:100%;height:100%;display:block;position:absolute;inset:0}.mc-sea{fill:var(--abismo)}.mc-wave{fill:none;stroke:var(--turquesa);stroke-opacity:.22;stroke-width:1.2px}.mc-land{fill:var(--marea)}.mc-land2{fill:color-mix(in srgb, var(--marea) 70%, var(--turquesa))}.mc-hill{fill:color-mix(in srgb, var(--marea) 70%, var(--abismo))}.mc-road{fill:none;stroke:var(--sol);stroke-width:4px;stroke-linecap:round}.mc-road-in{fill:none;stroke:var(--abismo);stroke-width:1.2px;stroke-dasharray:6 6}.mc-street{fill:none;stroke:var(--espuma);stroke-opacity:.25;stroke-width:2px}.mc-lbl{fill:var(--espuma);fill-opacity:.7;font:600 semi-condensed 12px var(--f-label);letter-spacing:.14em}.mc-sea-lbl{fill:var(--turquesa);fill-opacity:.55;font:italic 500 13px var(--f-body);letter-spacing:.2em}.mc-road-lbl{fill:var(--sol);font:600 semi-condensed 10px var(--f-label);letter-spacing:.12em}.mc-pin{fill:var(--salina);stroke:var(--abismo);stroke-width:2.5px}.mc-pin-dot{fill:var(--abismo)}.mc-pulse{fill:none;stroke:var(--salina);stroke-width:2px;transform-origin:50%;transform-box:fill-box;animation:2.4s ease-out infinite pulse}.map-card .tag{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.map-card .tag b{background:var(--espuma);color:var(--abismo);box-shadow:0 12px 30px -16px var(--abismo);border-radius:12px;padding:10px 14px;font-size:14px}@media (width<=600px){.map-card .tag small{display:none}}.map-card .tag small{font-family:var(--f-label);color:color-mix(in srgb, var(--espuma) 70%, transparent);letter-spacing:.08em;font-size:11px;font-stretch:87.5%}@media (width<=860px){.sede-grid{grid-template-columns:1fr}.map-card{min-height:260px}}.form-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:40px;display:grid}.seg{background:#dde9e6;border:0;border-radius:16px;flex-wrap:wrap;gap:6px;margin-top:8px;padding:6px;display:flex}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label{cursor:pointer;font:600 14px var(--f-body);color:var(--tinta);text-align:center;border-radius:11px;flex:auto;padding:10px 14px;transition:background .2s,color .2s}.seg label:hover{background:color-mix(in srgb, var(--abismo) 8%, transparent)}.seg input:checked+label{background:var(--abismo);color:#fff}.seg input:focus-visible+label{outline:3px solid var(--sol);outline-offset:2px}.helper{color:var(--tinta-suave);background:var(--espuma);border-left:3px solid var(--turquesa);border-radius:12px;padding:12px 14px;font-size:14px}.opt{text-transform:none;letter-spacing:0;font-family:var(--f-body);font-size:12px}.side-note{gap:16px;display:grid}.side-note h2{margin-top:14px}.side-note p{color:var(--tinta-suave);max-width:40ch}@media (width<=960px){.form-wrap{grid-template-columns:1fr}}@media (width<=520px){.seg label{flex:40%}}.quick .card-art{height:130px}.quick .card h3{font-size:22px}.art-b2b{background:radial-gradient(circle at 35% 50%, var(--sol) 0 16%, transparent 16.5%), radial-gradient(circle at 65% 50%, var(--turquesa) 0 16%, transparent 16.5%), linear-gradient(160deg, var(--abismo), var(--marea))}
