/* /recetas · prefijo .rc- (lo comparten las tarjetas que /casos reutiliza:
   .rc-card, .rc-peril, .rc-chans). */

/* Color de cada peligro */
[data-p]{--pc:#1d3c8f;--ps:#e8eeff}
[data-p=granizo]{--pc:#b77a0a;--ps:#fdf1d6}
[data-p=lluvia]{--pc:#2a7fbf;--ps:#e3f1fb}
[data-p=agua]{--pc:#1f5fc8;--ps:#e3ecfd}
[data-p=calor]{--pc:#c4521d;--ps:#fde8dd}
[data-p=rayo]{--pc:#6b4fd8;--ps:#ede8fd}
[data-p=sequia]{--pc:#8a6418;--ps:#f6ecd8}
[data-p=multi]{--pc:#1d3c8f;--ps:#e8eeff}

.rc-peril{display:inline-flex;align-items:center;gap:6px;color:var(--pc);font:600 12px/1 var(--sans)}
.rc-peril svg{flex:none;width:30px;height:30px;padding:6px;border-radius:10px;background:var(--ps);fill:none;stroke:var(--pc);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ── Hero ────────────────────────────────────────────────────────────── */
.rc-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(32px,5vw,72px);align-items:center}
.rc-hero-copy{min-width:0}
.rc-hero .lead{max-width:560px}
.rc-hero h1{font-size:clamp(38px,4.8vw,66px)}
.rc-order{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rc-order li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:var(--pill);border:1px solid #ffffff4d;background:#0b163340;color:#fff;font:500 14.5px var(--sans)}
.rc-order b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--acc);font:600 10.5px var(--mono)}

/* El armador */
.rc-build{position:relative;padding:14px;border-radius:24px;background:#fff;color:var(--text);box-shadow:0 40px 90px -40px #000c,0 0 0 1px #ffffff4d}
.rc-build-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 12px}
.rc-live{display:inline-flex;align-items:center;gap:8px}
.rc-live i{width:8px;height:8px;border-radius:50%;background:#21b46a;animation:rc-live 1.8s ease-out infinite}
@keyframes rc-live{0%,100%{opacity:1;scale:1}50%{opacity:.45;scale:.78}}
.rc-live .mono{font-size:10.5px}
.rc-who{max-width:60%;padding:5px 9px;border-radius:var(--pill);background:var(--soft);color:var(--ink);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s}
.rc-row{position:relative;display:flex;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--line);background:#fff;transition:border-color .35s,background .35s,box-shadow .35s,opacity .35s}
.rc-row+.rc-row{margin-top:8px}
.rc-row:not(.is-on):not(.is-done){opacity:.55}
.rc-row.is-on{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f14}
.rc-row.is-done{background:var(--soft)}
.rc-row-n{position:relative;display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;border:1px solid var(--line-2);color:var(--acc);font-size:11px;transition:background .3s,border-color .3s}
.rc-row-n i{font-style:normal;transition:opacity .2s}
.rc-row.is-on .rc-row-n{background:var(--acc);border-color:var(--acc);color:#fff}
.rc-row.is-done .rc-row-n{background:#21b46a;border-color:#21b46a}
.rc-row.is-done .rc-row-n i{opacity:0}
.rc-ok{position:absolute;inset:7px;width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .35s .1s}
.rc-row.is-done .rc-ok{stroke-dashoffset:0}
.rc-row-b{flex:1;min-width:0}
.rc-row-k{font:600 14.5px/1.2 var(--sans);color:var(--ink)}
.rc-row-v{margin-top:3px;font:500 12px var(--mono);color:var(--acc)}
.rc-map{display:block;width:100%;height:auto;margin-top:10px;border-radius:12px;background:#dfe7d2;overflow:hidden}
.rc-river{fill:none;stroke:#9cc3e6;stroke-width:5;stroke-linecap:round}
.rc-lot{fill:#b9cb9c;stroke:#f7f9f2;stroke-width:2;stroke-linejoin:round;transition:fill .35s calc(var(--d,0) * 70ms),stroke .35s calc(var(--d,0) * 70ms)}
.rc-lot.is-sel{fill:#7e9dea;stroke:#1d3c8f}
.rc-lot.is-hit{fill:var(--pc,#f2b84b);stroke:#fff}
.rc-band{fill:none;stroke:var(--pc,#f2b84b);stroke-width:46;stroke-linecap:round;opacity:0;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1),opacity .4s}
.rc-map.is-hz .rc-band{opacity:.28;stroke-dashoffset:0}
.rc-pick{display:flex;align-items:center;gap:10px;margin-top:8px}
.rc-pick b{font:600 16px/1.2 var(--sans);color:var(--ink);letter-spacing:-.01em}
.rc-pick .rc-peril svg{width:34px;height:34px;padding:7px}
.rc-type{min-height:2.7em;margin-top:6px;font-size:13.5px;line-height:1.35;color:var(--text)}
.rc-type.is-typing::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--acc);animation:rc-caret .8s steps(1) infinite}
@keyframes rc-caret{50%{opacity:0}}
.rc-chips{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.rc-chips li{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 6px;border-radius:var(--pill);border:1px solid var(--line);font-size:12px;color:var(--muted);transition:background .3s,border-color .3s,color .3s,transform .4s cubic-bezier(.22,1,.36,1)}
.rc-chips svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rc-chips li.is-on{background:var(--acc);border-color:var(--acc);color:#fff;transform:translateY(-2px)}
.rc-chips li[data-c=whatsapp].is-on{background:#128c4a;border-color:#128c4a}
.rc-toast{position:absolute;left:24px;right:-20px;bottom:-26px;z-index:3;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:18px 18px 18px 6px;background:#fff;box-shadow:0 26px 50px -22px #0b1633e6,0 0 0 1px #1d3c8f1f;opacity:0;transform:translateY(14px) scale(.96);transform-origin:0 100%;transition:opacity .35s,transform .55s cubic-bezier(.22,1,.36,1)}
.rc-toast.is-on{opacity:1;transform:none}
.rc-toast-ico{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#e3f3eb}
.rc-toast-ico svg{width:18px;height:18px;fill:none;stroke:#0b6b4c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rc-toast-k{font-size:9.5px;color:#0b6b4c}
.rc-toast p:last-child{margin-top:3px;font-size:13.5px;line-height:1.4;color:var(--ink)}
.rc-hero-stage{padding-bottom:30px}
html:not(.js) .rc-row{opacity:1!important}
html:not(.js) .rc-toast{position:relative;left:auto;right:auto;bottom:auto;margin-top:10px;opacity:1;transform:none}

/* ── Catálogo ────────────────────────────────────────────────────────── */
.rc-sec-cat .section-head{margin-bottom:28px}
.rc-tools{position:sticky;top:86px;z-index:5;display:flex;flex-direction:column;gap:10px;margin:0 calc(var(--pad) * -1) 0;padding:12px var(--pad);background:#fffffff2;border-block:1px solid var(--line)}
html:not(.js) .rc-tools{display:none}
.rc-search{display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;transition:border-color .2s,box-shadow .2s}
.rc-search:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f1f}
.rc-search svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}
.rc-search input{flex:1;min-width:0;height:44px;border:0;background:none;font:400 15.5px var(--sans);color:var(--ink);outline:none}
.rc-filter{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--pad),#000 calc(100% - var(--pad)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--pad),#000 calc(100% - var(--pad)),transparent)}
.rc-filter::-webkit-scrollbar{display:none}
.rc-f{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;font:500 13.5px/1 var(--sans);color:var(--ink);cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.rc-f>span:not(.rc-peril){font:600 10.5px var(--mono);color:var(--muted);padding:2px 6px;border-radius:var(--pill);background:var(--soft)}
.rc-f:hover{border-color:var(--acc)}
.rc-f.is-on{background:var(--acc);border-color:var(--acc);color:#fff}
.rc-f.is-on>span:not(.rc-peril){background:#ffffff26;color:#fff}
.rc-filter-p .rc-f{padding:5px 13px 5px 5px}
.rc-filter-p .rc-f[data-peril="*"]{padding:8px 13px}
.rc-filter-p .rc-peril svg{width:24px;height:24px;padding:4px;border-radius:50%}
.rc-filter-p .rc-f.is-on .rc-peril svg{background:#fff}
.rc-out{margin:18px 0 14px;color:var(--muted)}
.rc-out b{color:var(--ink);font-weight:600}
.rc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rc-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2);overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.rc-card:hover{transform:translateY(-4px);border-color:var(--acc);box-shadow:var(--sh-2)}
.rc-card:hover::before{transform:none}
.rc-card{--pc:var(--acc)}
.rc-card[data-peril=granizo]{--pc:#e0a32a}.rc-card[data-peril=lluvia]{--pc:#2a7fbf}.rc-card[data-peril=agua]{--pc:#1f5fc8}.rc-card[data-peril=calor]{--pc:#c4521d}.rc-card[data-peril=rayo]{--pc:#6b4fd8}.rc-card[data-peril=sequia]{--pc:#8a6418}
.rc-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rc-area{font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--acc);padding:4px 8px;border-radius:var(--pill);border:1px dashed var(--line-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rc-card h3{font-size:18.5px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.rc-when{font:500 13.5px/1.4 var(--sans);color:var(--ink);padding:8px 10px;border-radius:12px;background:var(--soft)}
.rc-does{font-size:14px;line-height:1.5;color:var(--text)}
.rc-chans{list-style:none;margin:auto 0 0;padding:10px 0 0;border-top:1px dashed var(--line-2);display:flex;flex-wrap:wrap;gap:5px}
.rc-chans li{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 5px;border-radius:var(--pill);background:var(--soft);font-size:11.5px;color:var(--ink)}
.rc-chans svg{width:15px;height:15px;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rc-chans li[data-c=whatsapp] svg{stroke:#128c4a}
.rc-card[hidden]{display:none}
.rc-card.is-show{animation:rc-in .45s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--j,0) * 30ms)}
@keyframes rc-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
.rc-card:target{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f26}
.rc-more-wrap{display:flex;justify-content:center;margin-top:18px}
.rc-more-wrap[hidden]{display:none}
.rc-grid.is-cut{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 160px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 160px),transparent)}
.rc-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;border-radius:var(--r-lg);border:1px dashed var(--line-2);text-align:center;color:var(--ink)}
.rc-empty[hidden]{display:none}
.rc-empty .btn{margin-top:8px}
mark.rc-hl{background:#fdf1d6;color:inherit;border-radius:3px;padding:0 1px}

/* ── Escribila ───────────────────────────────────────────────────────── */
.rc-write{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.rc-ask{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--r-lg);background:var(--dark);color:#c9d5f2}
.rc-ask-k{color:#9fb6ff;font-size:10.5px}
.rc-ask-box{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:#ffffff0f;border:1px solid #ffffff26;transition:border-color .2s}
.rc-ask-box:focus-within{border-color:#9fb6ff}
.rc-ask textarea{width:100%;min-height:76px;resize:none;border:0;background:none;outline:none;font:500 clamp(17px,1.6vw,20px)/1.35 var(--sans);letter-spacing:-.01em;color:#fff}
.rc-ask textarea::placeholder{color:#7d90c4}
.rc-ask .btn{align-self:flex-end;background:#fff;border-color:#fff;color:var(--acc);box-shadow:none}
.rc-ask .btn .btn-arrow{background:var(--acc);color:#fff}
.rc-ex{display:flex;flex-direction:column;gap:6px}
.rc-ex-b{text-align:left;padding:9px 12px;border-radius:12px;border:1px solid #ffffff1f;background:transparent;color:#c9d5f2;font:400 13.5px/1.35 var(--sans);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.rc-ex-b::before{content:"↳ ";color:#7d90c4}
.rc-ex-b:hover,.rc-ex-b.is-on{background:#ffffff14;border-color:#ffffff4d;color:#fff}
.rc-parse{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2)}
.rc-parse-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rc-match{padding:4px 9px;border-radius:var(--pill);background:#e3f3eb;color:#0b6b4c;font-size:10px;opacity:0;transition:opacity .3s}
.rc-match.is-on{opacity:1}
.rc-match.is-warn{background:#fdf1d6;color:#7a5200}
.rc-slots{margin:0;display:flex;flex-direction:column;gap:8px}
.rc-slot{position:relative;display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 14px;border-radius:14px;background:var(--soft);border:1px solid transparent;transition:border-color .3s,background .3s}
.rc-slot dt{font:600 10.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--acc)}
.rc-slot dd{margin:0;font:500 15px/1.4 var(--sans);color:var(--ink);transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.rc-slot.is-wait dd{opacity:0;transform:translateX(8px)}
.rc-slot.is-new{background:#fff;border-color:var(--acc)}
.rc-slot.is-warn{background:#fdf6e6;border-color:#f2b84b}
.rc-slot.is-warn dd{color:#5c3d00}
.rc-parse-note{margin-top:auto}

/* ── Canales ─────────────────────────────────────────────────────────── */
.rc-route{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.rc-route-src{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--r-lg);background:var(--acc);color:#dfe6fb;box-shadow:var(--sh-2)}
.rc-route-src .mono{color:#cfe0ff}
.rc-route-src b{font:600 22px/1.15 var(--sans);letter-spacing:-.02em;color:#fff}
.rc-route-src small{font-size:14px;line-height:1.4}
.rc-route-src::after{content:"";position:absolute;left:100%;top:50%;width:clamp(24px,4vw,56px);height:2px;background:repeating-linear-gradient(90deg,var(--acc) 0 6px,transparent 6px 10px)}
.rc-route-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rc-route-list li{display:flex;gap:12px;align-items:flex-start;min-width:0;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line-2);transition:border-color .3s,box-shadow .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.rc-route-list li.is-ping{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f1a,var(--sh-1);transform:translateY(-3px)}
.rc-route-ico{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:var(--soft);transition:background .3s}
.rc-route-ico svg{width:20px;height:20px;fill:none;stroke:var(--acc);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.rc-route-list li.is-ping .rc-route-ico{background:var(--acc)}
.rc-route-list li.is-ping .rc-route-ico svg{stroke:#fff}
.rc-route-list li[data-c=whatsapp].is-ping .rc-route-ico{background:#128c4a}
.rc-route-list b{display:block;font:600 15px var(--sans);color:var(--ink)}
.rc-route-list li div span{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--text)}

/* ── Conversa ────────────────────────────────────────────────────────── */
.rc-chat-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:clamp(32px,5vw,72px);align-items:center}
.rc-rules{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.rc-rules li{display:flex;flex-direction:column;gap:3px;padding:14px 16px 14px 44px;border-radius:16px;background:#fff;border:1px solid var(--line);position:relative}
.rc-rules li::before{content:"";position:absolute;left:16px;top:18px;width:14px;height:14px;border-radius:50%;border:2px solid var(--acc);background:radial-gradient(circle,var(--acc) 0 3px,transparent 3.5px)}
.rc-rules b{font:600 15.5px var(--sans);color:var(--ink)}
.rc-rules span{font-size:14px;line-height:1.45;color:var(--text)}
.rc-phone{padding:9px;border-radius:38px;background:#0b1633;box-shadow:0 44px 90px -34px #0b1633e6,inset 0 0 0 2px #2b3c6b}
.rc-phone-bar{display:flex;align-items:center;gap:10px;padding:18px 16px 12px;border-radius:30px 30px 0 0;background:#075e54;color:#fff}
.rc-phone-bar img{border-radius:50%;background:#fff;padding:3px;width:30px;height:30px}
.rc-phone-bar b{display:block;font:600 15px/1.2 var(--sans)}
.rc-phone-bar small{display:block;font-size:12px;color:#cfe9e4}
.rc-chat{display:flex;flex-direction:column;gap:8px;min-height:420px;padding:12px 10px 16px;border-radius:0 0 30px 30px;background:#e7ddd3}
.rc-day{align-self:center;padding:4px 10px;border-radius:var(--pill);background:#ffffffd9;color:#54656f;font-size:10.5px}
.rc-msg{align-self:flex-start;max-width:86%;padding:8px 11px;border-radius:4px 14px 14px 14px;background:#fff;box-shadow:0 1px 1px #0b163326;font-size:13.5px;line-height:1.42;color:#111b21}
.rc-msg small{display:block;margin-top:4px;font:500 10.5px var(--mono);color:#0b6b4c}
.rc-msg.is-out{align-self:flex-end;border-radius:14px 4px 14px 14px;background:#d9fdd3}
.rc-msg.is-no{box-shadow:inset 0 0 0 1px #f2b84b8c}
html.js .rc-chat .rc-msg{opacity:0;transform:translateY(10px) scale(.97);transition:opacity .35s,transform .5s cubic-bezier(.22,1,.36,1)}
html.js .rc-chat .rc-msg.is-in{opacity:1;transform:none}

/* ── Empezar ─────────────────────────────────────────────────────────── */
.rc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rc-step{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2)}
.rc-step h3{font-size:20px;font-weight:600;letter-spacing:-.02em}
.rc-step>p:not(.mono){font-size:14px;line-height:1.5}
.rc-drop{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border-radius:16px;border:1.5px dashed var(--line-2);background:var(--soft);text-align:center;font-size:13px;color:var(--muted)}
.rc-drop svg{width:26px;height:26px;fill:none;stroke:var(--acc);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rc-drop svg{animation:rc-bob 2.4s ease-in-out infinite}
@keyframes rc-bob{50%{transform:translateY(-4px)}}
.rc-files{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.rc-files li{background:#fff}
.rc-files li{padding:5px 10px;border-radius:var(--pill);border:1px dashed var(--line-2);font:500 11.5px var(--mono);color:var(--acc)}
.rc-plans{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rc-plans li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;border-radius:12px;background:var(--soft);font-size:13px}
.rc-plans b{font:600 14.5px var(--sans);color:var(--ink)}
.rc-plans li.is-on{background:var(--acc);color:#dfe6fb}
.rc-plans li.is-on b{color:#fff}
.rc-link{margin-top:auto;font:500 13px var(--mono);color:var(--acc);text-decoration:none}
.rc-link:hover{text-decoration:underline}
.rc-qr{display:grid;grid-template-columns:repeat(21,1fr);gap:0;width:150px;aspect-ratio:1;padding:10px;border-radius:var(--r-md);background:#fff;box-shadow:var(--sh-1);border:1px solid var(--line)}
.rc-qr i{background:transparent}
.rc-qr i.on{background:var(--ink)}
.rc-qr.is-lit i.on{animation:rc-qr .4s backwards;animation-delay:calc(var(--k) * 18ms + .3s)}
@keyframes rc-qr{from{opacity:0;transform:scale(.3)}}
.rc-start-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width:1060px){
  .rc-hero{grid-template-columns:minmax(0,1fr)}
  .rc-hero-stage{max-width:520px}
  .rc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rc-route{grid-template-columns:minmax(0,1fr)}
  .rc-route-src::after{left:40px;top:100%;width:2px;height:24px;background:repeating-linear-gradient(180deg,var(--acc) 0 6px,transparent 6px 10px)}
  .rc-route-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rc-chat-grid{grid-template-columns:minmax(0,1fr)}
  .rc-phone{max-width:380px;width:100%;margin:0 auto}
}
@media (max-width:820px){
  .rc-write{grid-template-columns:minmax(0,1fr)}
  .rc-steps{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .rc-tools{top:76px}
  .rc-grid{grid-template-columns:minmax(0,1fr)}
  .rc-route-list{grid-template-columns:minmax(0,1fr)}
  .rc-slot{grid-template-columns:1fr;gap:4px}
  .rc-toast{left:10px;right:10px;bottom:-34px}
  .rc-build{padding:10px;border-radius:20px}
  .rc-row{padding:10px;gap:10px}
  .rc-chips li span{display:none}
  .rc-chips li{padding:6px}
  .rc-hero-stage{padding-bottom:44px}
}
@media (prefers-reduced-motion:reduce){
  .rc-card.is-show,.rc-qr i.on,.rc-live i{animation:none!important}
  .rc-band,.rc-lot,.rc-toast,.rc-row{transition:none!important}
}
.is-off .rc-live i,.is-off .rc-type::after{animation-play-state:paused}
/* El aviso aparece debajo del armador, sin tapar los canales */
.rc-toast{bottom:-50px}
.rc-hero-stage{padding-bottom:56px}
.rc-map[data-p=granizo]{--pc:#f2b84b}
.rc-map[data-p=lluvia],.rc-map[data-p=agua]{--pc:#3d7fe0}
.rc-map[data-p=calor]{--pc:#ef7a3c}
@media (max-width:640px){.rc-toast{bottom:-64px}.rc-hero-stage{padding-bottom:70px}}