/* /productores · prefijo .pr- */

.pr-ico{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--soft);color:var(--acc)}
.pr-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ── Hero ─────────────────────────────────────────────────────────────── */
.pr-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:clamp(32px,5vw,80px);align-items:center}
.pr-hero-copy{min-width:0}
.pr-hero .h-xl{font-size:clamp(40px,5.4vw,72px)}
.pr-also{display:flex;align-items:center;gap:10px;margin-top:22px}
.pr-also .mono{color:#c9d5ff;font-size:10.5px}
.pr-also img{width:auto;height:16px;filter:brightness(0) invert(1);opacity:.9}
.pr-hero-stage{position:relative;display:flex;justify-content:center;min-width:0}
.pr-hero-stage::before{content:"";position:absolute;left:50%;top:50%;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;background:radial-gradient(closest-side,#9fb6ff40,#9fb6ff00);pointer-events:none}

/* El teléfono */
.pr-phone{position:relative;width:min(100%,340px);height:600px;padding:10px;border-radius:44px;background:#0b1633;box-shadow:0 50px 100px -40px #000c,inset 0 0 0 2px #2b3c6b;display:flex;flex-direction:column}
.pr-phone::before{content:"";position:absolute;z-index:3;top:18px;left:50%;width:80px;height:22px;margin-left:-40px;border-radius:12px;background:#0b1633}
.pr-ph-bar{display:flex;align-items:center;gap:10px;padding:48px 16px 12px;border-radius:34px 34px 0 0;background:#075e54;color:#fff}
.pr-ph-bar img{border-radius:50%;background:#fff;padding:3px}
.pr-ph-bar b{display:block;font:600 15px/1.2 var(--sans)}
.pr-ph-bar small{display:block;font-size:11.5px;color:#cfe9e4}
.pr-chat{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:0 0 34px 34px;background:#e9e0d6;background-image:radial-gradient(#d9cdbf 1px,transparent 1.2px);background-size:16px 16px}
.pr-chat-in{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:12px 10px 52px;will-change:transform}
.pr-day{align-self:center;padding:4px 10px;border-radius:var(--pill);background:#ffffffe0;color:#54656f;font-size:10px}
.pr-m{position:relative;max-width:84%;padding:7px 9px 6px;border-radius:12px;font-size:13px;line-height:1.38;color:#111b21;box-shadow:0 1px 1px #0b163326}
.pr-m p{margin:0}
.pr-m time{display:block;margin-top:2px;text-align:right;font:500 9.5px var(--sans);color:#667781}
.pr-in{align-self:flex-start;background:#fff;border-top-left-radius:3px}
.pr-out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:3px}
.pr-media{padding:4px 4px 6px}
.pr-media p{padding:5px 5px 0}
.pr-media time{padding-right:4px}
.pr-mapbox{display:block;width:100%;height:auto;border-radius:9px;background:#c9c0a8}
.pr-m-lot{max-width:min(84%,236px)}
.pr-out .pr-mapbox{width:200px}
.pr-cap{font-size:12px;color:#3b4a54}
.pr-pin path{fill:#e5484d;stroke:#fff;stroke-width:2.5}
.pr-pin-halo{fill:#e5484d;opacity:.25;transform-box:fill-box;transform-origin:center;animation:pr-halo 1.8s ease-out infinite}
@keyframes pr-halo{from{transform:scale(.4);opacity:.6}to{transform:scale(2.2);opacity:0}}
.pr-lot{fill:#fff;fill-opacity:0;stroke:#fff;stroke-width:5;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s .25s cubic-bezier(.65,0,.35,1),fill-opacity .6s 1.3s}
.pr-m-lot.is-in .pr-lot,html:not(.js) .pr-lot{stroke-dashoffset:0;fill-opacity:.28}
.pr-qbtns{display:flex;gap:6px;padding:8px 5px 2px!important}
.pr-qbtns span{flex:1;padding:6px 8px;border-radius:9px;background:#f0f2f5;color:#027eb5;font-weight:600;font-size:12px;text-align:center}
.pr-src{margin-top:5px!important;padding-top:5px;border-top:1px dashed #d1d7db;font:500 10px var(--mono);letter-spacing:.02em;color:#0b6b4c}
.pr-pdf{display:flex;align-items:center;gap:10px;padding:9px 10px;max-width:90%}
.pr-pdf-ico{display:grid;place-items:center;flex:none;width:34px;height:40px;border-radius:6px;background:#e5484d;color:#fff;font:700 10px var(--mono)}
.pr-pdf-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.pr-pdf-t b{font:600 12.5px/1.25 var(--sans)}
.pr-pdf-t small{font-size:11px;color:#667781}
.pr-pdf-qr{flex:none;width:40px;height:40px}
.pr-typing{position:absolute;left:20px;bottom:22px;display:flex;gap:4px;padding:10px 12px;border-radius:3px 12px 12px 12px;background:#fff;box-shadow:0 1px 1px #0b163326;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .3s}
.pr-phone.is-typing .pr-typing{opacity:1;transform:none}
.pr-typing i{width:6px;height:6px;border-radius:50%;background:#8696a0;animation:pr-type 1s ease-in-out infinite}
.pr-typing i:nth-child(2){animation-delay:.15s}
.pr-typing i:nth-child(3){animation-delay:.3s}
@keyframes pr-type{30%{transform:translateY(-3px);opacity:.5}}
/* Mensajes que esperan su turno (sólo con JS) */
.pr-phone.is-run .pr-m.is-wait{display:none}
.pr-phone.is-run .pr-m.is-new{animation:pr-pop .45s cubic-bezier(.22,1,.36,1) both}
@keyframes pr-pop{from{opacity:0;transform:translateY(10px) scale(.96)}}
.pr-out.is-new{transform-origin:100% 100%}
.pr-in.is-new{transform-origin:0 100%}
.pr-chat-in.is-fade{opacity:0;transition:opacity .4s}

/* ── No es otra app ───────────────────────────────────────────────────── */
.pr-why-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,6vw,88px);align-items:center}
.pr-why-grid>*{min-width:0}
.pr-why-list{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pr-why-list li{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.pr-why-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--soft)}
.pr-why-ico svg{width:20px;height:20px;fill:none;stroke:var(--acc);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pr-why-list b{display:block;font:600 16px/1.25 var(--sans);letter-spacing:-.01em;color:var(--ink);margin-bottom:4px}
.pr-why-list li>span:last-child>span{font-size:14px;line-height:1.45;color:var(--text)}
.pr-home{display:flex;justify-content:center}
.pr-home-screen{position:relative;width:min(100%,320px);aspect-ratio:9/15;padding:56px 22px 22px;border-radius:44px;background:linear-gradient(170deg,#e9eefb,#d7e1f7);border:10px solid #0b1633;box-shadow:var(--sh-3)}
.pr-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 14px}
.pr-app{display:grid;place-items:center;aspect-ratio:1;border-radius:18px;background:var(--t,#e3e8f4);box-shadow:inset 0 0 0 1px #0b16330f;transition:opacity .5s calc(var(--o,0) * 1ms),transform .6s calc(var(--o,0) * 1ms) cubic-bezier(.2,.8,.2,1),filter .5s calc(var(--o,0) * 1ms)}
.pr-app svg{width:46%;height:46%;fill:none;stroke:#5a6a8f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pr-app:nth-child(1){--o:300}.pr-app:nth-child(2){--o:520}.pr-app:nth-child(3){--o:160}.pr-app:nth-child(4){--o:700}.pr-app:nth-child(5){--o:420}.pr-app:nth-child(6){--o:860}.pr-app:nth-child(7){--o:240}.pr-app:nth-child(9){--o:620}.pr-app:nth-child(10){--o:980}.pr-app:nth-child(11){--o:360}.pr-app:nth-child(12){--o:780}.pr-app:nth-child(13){--o:1080}.pr-app:nth-child(14){--o:480}.pr-app:nth-child(15){--o:920}
.pr-app-wa{background:#25d366;box-shadow:0 10px 24px -10px #128c7e;transition:transform .7s 1.3s cubic-bezier(.22,1,.36,1)}
.pr-app-wa img{filter:brightness(0) invert(1)}
html.js .pr-why.rv.is-in .pr-app:not(.pr-app-wa){opacity:.22;transform:scale(.82);filter:grayscale(1)}
html.js .pr-why.rv.is-in .pr-app-wa{transform:scale(1.18)}
.pr-home-note{position:absolute;left:14px;right:14px;bottom:22px;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:18px;background:#fff;box-shadow:var(--sh-2);font-size:13px;line-height:1.38;color:var(--ink);transition:opacity .5s 1.9s,transform .6s 1.9s cubic-bezier(.22,1,.36,1)}
html.js .pr-why.rv:not(.is-in) .pr-home-note{opacity:0;transform:translateY(16px)}
.pr-home-note-h{display:flex;align-items:center;gap:7px}
.pr-home-note-h img{width:16px;height:16px}
.pr-home-note-h b{font:600 12.5px var(--sans)}
.pr-home-note-h small{margin-left:auto;font-size:11px;color:var(--muted)}

/* ── Después de la tormenta ───────────────────────────────────────────── */
.pr-event-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start}
.pr-event-grid>*{min-width:0}
.pr-esteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:none}
.pr-esteps li{display:flex;gap:14px;padding:18px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);transition:border-color .3s,box-shadow .3s}
.pr-esteps li.is-on{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f12,var(--sh-1)}
.pr-esteps-n{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--soft);font-size:11px}
.pr-esteps b{display:block;font:600 17px/1.25 var(--sans);color:var(--ink);margin-bottom:4px}
.pr-esteps li>span:last-child>span{font-size:14.5px;line-height:1.45}
.pr-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:12px;border-radius:var(--pill);background:var(--soft);border:1px solid var(--line)}
.pr-tab{padding:9px 16px;border:0;border-radius:var(--pill);background:none;font:500 14px var(--sans);color:var(--text);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.pr-tab.is-on{background:#fff;color:var(--acc);box-shadow:var(--sh-1)}
.pr-view{display:none;margin:0}
.pr-view.is-on{display:block}
.pr-view figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--text)}
.pr-ba{--x:50%;position:relative;aspect-ratio:1;max-height:560px;overflow:hidden;border-radius:var(--r-lg);background:#2a2a22;box-shadow:var(--sh-2);user-select:none;touch-action:pan-y}
.pr-ba img{position:absolute;max-width:none;height:auto}
.pr-ba-b{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.pr-ba-line{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 12px #0008;pointer-events:none}
.pr-ba-line i{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;box-shadow:var(--sh-2)}
.pr-ba-line i::before{content:"‹ ›";position:absolute;inset:0;display:grid;place-items:center;font:600 16px/1 var(--sans);color:var(--acc);letter-spacing:2px}
.pr-ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.pr-ba-range:focus-visible+.pr-ba-notes,.pr-ba:has(.pr-ba-range:focus-visible){outline:3px solid var(--acc);outline-offset:3px}
.pr-ba-tag{position:absolute;top:12px;padding:6px 10px;border-radius:var(--pill);background:#0b1633d9;color:#fff;font:500 11.5px var(--sans);pointer-events:none;transition:opacity .3s}
.pr-ba-tb{left:12px}
.pr-ba-ta{right:12px}
.pr-ba-notes{position:absolute;left:12px;bottom:12px;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
.pr-ba-notes li{display:flex;align-items:center;gap:7px;padding:6px 11px 6px 8px;border-radius:var(--pill);background:#fffffff2;font:500 12px var(--sans);color:var(--ink);box-shadow:var(--sh-1);opacity:0;transform:translateX(-10px);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * .25s + .2s)}
.pr-ba-notes li::before{content:"";width:10px;height:10px;border-radius:3px;background:#1f4fd1}
.pr-ba-notes li:nth-child(2)::before{background:#9fc4f5}
[data-view=granizo] .pr-ba-notes li::before{background:#b3261e}
[data-view=granizo] .pr-ba-notes li:nth-child(2)::before{background:transparent;border:1.5px solid var(--ink)}
.pr-view.is-noted .pr-ba-notes li{opacity:1;transform:none}

/* ── Un día en el campo ───────────────────────────────────────────────── */
.pr-day{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,40px);align-items:stretch}
.pr-day>*{min-width:0}
.pr-sky{position:relative;min-height:440px;overflow:hidden;border-radius:var(--r-lg);background:#7da2e8;isolation:isolate;box-shadow:var(--sh-2)}
.pr-sky-l{position:absolute;inset:0;z-index:-2;opacity:0;transition:opacity 1.2s ease}
.pr-sky-dawn{background:linear-gradient(180deg,#5d77c9,#f2b48a 75%,#f8d9a8)}
.pr-sky-noon{background:linear-gradient(180deg,#4d86e8,#a8cbf5 80%)}
.pr-sky-dusk{background:linear-gradient(180deg,#3a3f8f,#d9727a 70%,#f2a65e)}
.pr-sky-night{background:linear-gradient(180deg,#0b1633,#1d2c5c 80%)}
.pr-day[data-sky=dawn] .pr-sky-dawn,.pr-day[data-sky=noon] .pr-sky-noon,.pr-day[data-sky=dusk] .pr-sky-dusk,.pr-day[data-sky=night] .pr-sky-night{opacity:1}
.pr-sky-fields{position:absolute;left:0;right:0;bottom:0;z-index:-1;width:100%;height:34%}
.pr-sky-fields path:first-child{fill:#3f6b3a}
.pr-sky-fields path:last-child{fill:#2c4f2a}
.pr-day[data-sky=night] .pr-sky-fields path:first-child{fill:#1b2b2a}
.pr-day[data-sky=night] .pr-sky-fields path:last-child{fill:#131f20}
/* El sol recorre un arco: el riel gira y el sol contra-gira. */
.pr-sun-track{position:absolute;left:50%;bottom:30%;width:0;height:0;transform:rotate(var(--a,-80deg));transition:transform 1.1s cubic-bezier(.45,0,.25,1)}
.pr-sun{position:absolute;left:-22px;top:calc(-1 * min(30vw,190px) - 22px);width:44px;height:44px;transform:rotate(calc(-1 * var(--a,-80deg)));transition:transform 1.1s cubic-bezier(.45,0,.25,1)}
.pr-sun i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff6d1,#ffd257 60%,#f2a33b);box-shadow:0 0 0 10px #ffd25733,0 0 40px 10px #ffd25766;transition:background .8s,box-shadow .8s}
.pr-day[data-sky=night] .pr-sun i{background:radial-gradient(circle at 60% 40%,#fff,#dfe6fb 70%);box-shadow:0 0 0 8px #ffffff14,0 0 30px 4px #dfe6fb55}
.pr-clock{position:absolute;left:18px;top:16px;padding:7px 12px;border-radius:var(--pill);background:#0b1633b3;color:#fff;font-size:12px}
.pr-clock b{font-weight:600;font-size:15px;letter-spacing:.06em}
.pr-ticks{position:absolute;left:14px;right:14px;bottom:12px;list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;color:#ffffffb3;font-size:10.5px}
.pr-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pr-mo-btn{display:flex;gap:14px;width:100%;padding:0;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}
.pr-mo-t{flex:none;width:44px;padding-top:15px;color:var(--muted);font-size:11.5px;transition:color .3s}
.pr-mo-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--line);transition:border-color .3s,box-shadow .3s,opacity .4s,transform .45s cubic-bezier(.2,.8,.2,1)}
.pr-mo-head{display:flex;align-items:center;gap:10px}
.pr-mo-head .pr-ico{width:28px;height:28px;border-radius:9px}
.pr-mo-head .pr-ico svg{width:15px;height:15px}
.pr-mo-head b{font:600 14.5px/1.25 var(--sans);color:var(--ink)}
.pr-mo-head em{margin-left:auto;font-style:normal;font-size:9.5px;color:var(--muted);white-space:nowrap}
.pr-mo-ask{align-self:flex-end;max-width:90%;padding:6px 10px;border-radius:12px 12px 3px 12px;background:#d9fdd3;font-size:13px;color:#111b21}
.pr-mo-msg{font-size:13.5px;line-height:1.45;color:var(--ink)}
.pr-mo-src{font:500 10.5px var(--mono);color:#0b6b4c}
/* Lo que todavía no pasó queda tenue y plegado; lo de ahora, destacado. */
.pr-mo .pr-mo-ask,.pr-mo .pr-mo-msg,.pr-mo .pr-mo-src{display:none}
.pr-mo.is-past .pr-mo-msg{display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:var(--text)}
.pr-mo.is-on .pr-mo-ask,.pr-mo.is-on .pr-mo-msg,.pr-mo.is-on .pr-mo-src{display:block}
.pr-mo.is-on .pr-mo-ask{align-self:flex-end}
.pr-mo:not(.is-on):not(.is-past) .pr-mo-card{opacity:.55}
.pr-mo.is-on .pr-mo-card{border-color:var(--acc);box-shadow:0 0 0 4px #1d3c8f12,var(--sh-2)}
.pr-mo.is-on .pr-mo-t{color:var(--acc)}
.pr-mo.is-on .pr-mo-card{animation:pr-in .5s cubic-bezier(.2,.8,.2,1)}
@keyframes pr-in{from{transform:translateY(8px)}}
.pr-mo-btn:hover .pr-mo-card{border-color:var(--line-2)}

/* ── La historia del lote ─────────────────────────────────────────────── */
.pr-strip-wrap{position:relative;padding-top:6px}
.pr-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}
.pr-tile{scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.pr-tile-img{display:block;aspect-ratio:1;border-radius:14px;background:#2d4a2a url(/mundo/img/casos/lote-historia-campana-por-campana.jpg) no-repeat;background-size:543% auto;box-shadow:inset 0 0 0 1px #0b16331a;transition:box-shadow .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.pr-tile-t{display:flex;flex-direction:column;gap:1px;font-size:12.5px;line-height:1.3;color:var(--ink)}
.pr-tile-t b{font:600 15px var(--sans);letter-spacing:-.01em}
.pr-tile-t small{font-size:11.5px;color:var(--muted)}
.pr-tile.is-on .pr-tile-img{box-shadow:0 0 0 3px var(--acc),var(--sh-2);transform:translateY(-4px)}
.pr-tile.is-on .pr-tile-t b{color:var(--acc)}
.pr-heat{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:center;margin-top:28px;padding:16px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line)}
.pr-heat>*{min-width:0}
.pr-heat-img{position:relative;overflow:hidden;border-radius:12px}
.pr-heat-img img{width:100%;height:auto}
.pr-heat-row{position:absolute;left:0;right:0;top:9.81%;height:2.9%;border:2px solid var(--acc);border-radius:4px;box-shadow:0 0 0 2000px #ffffff52;transform:translateY(calc(var(--r,0) * 100%));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.pr-heat-side{display:flex;flex-direction:column;gap:6px}
.pr-heat-camp{font:600 44px/1 var(--sans);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.pr-heat-sensor{align-self:flex-start;padding:5px 10px;border-radius:var(--pill);background:var(--soft);font:500 12px var(--mono);color:var(--acc)}
.pr-heat-text{margin-top:8px;font-size:14px;line-height:1.5}

/* ── Recetas ──────────────────────────────────────────────────────────── */
.pr-rc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pr-rc{display:flex;flex-direction:column;gap:10px;min-width:0;padding:20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.pr-rc:hover{transform:translateY(-4px);border-color:var(--acc);box-shadow:var(--sh-2)}
.pr-rc-top{display:flex;align-items:center;gap:10px}
.pr-rc-peril{font-size:10.5px;color:var(--muted)}
.pr-rc h3{font-size:19px;font-weight:600}
.pr-rc-when{font-size:13.5px;color:var(--acc)}
.pr-rc-does{font-size:14.5px;line-height:1.45}
.pr-rc-ch{list-style:none;margin:auto 0 0;padding:10px 0 0;display:flex;flex-wrap:wrap;gap:6px;border-top:1px dashed var(--line-2)}
.pr-rc-ch li{padding:4px 9px;border-radius:var(--pill);background:var(--soft);font-size:12px;color:var(--ink)}
.pr-recs-more{display:flex;justify-content:center;margin-top:28px}

/* ── Planes ───────────────────────────────────────────────────────────── */
.pr-plans-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:start}
.pr-plans-grid>*{min-width:0}
.pr-pays{margin-top:28px;padding:18px;border-radius:var(--r-lg);background:var(--soft);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.pr-pays-k{font-size:10.5px}
.pr-pays>p:not(.pr-pays-k){font-size:15px;line-height:1.45;color:var(--ink)}
.pr-pays-msg{display:flex;flex-direction:column;gap:4px;align-self:flex-start;max-width:420px;padding:10px 12px;border-radius:3px 14px 14px 14px;background:#fff;box-shadow:var(--sh-1);font-size:13.5px;line-height:1.4;color:#111b21}
.pr-pays-h{display:flex;align-items:center;gap:7px}
.pr-pays-h b{font:600 12.5px var(--sans);color:#075e54}
.pr-pays-link{font-size:14px;font-weight:500;color:var(--acc);text-decoration:none}
.pr-pays-link:hover{text-decoration:underline}
.pr-plan-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pr-plan{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px 20px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-2)}
.pr-plan-k{font-size:10.5px}
.pr-plan h3{font-size:24px;font-weight:600;letter-spacing:-.03em}
.pr-plan-price{display:flex;align-items:baseline;gap:6px}
.pr-plan-price b{font:600 36px/1 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.pr-plan-price small{font-size:14px;color:var(--muted)}
.pr-plan-note{font-size:14px;line-height:1.45}
.pr-plan ul{list-style:none;margin:0;padding:14px 0 0;border-top:1px dashed var(--line-2);display:flex;flex-direction:column;gap:9px;flex:1}
.pr-plan li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.38;color:var(--ink)}
.pr-plan li svg{flex:none;width:17px;height:17px;margin-top:1px;padding:2px;border-radius:50%;background:#e3f3eb;fill:none;stroke:#0b6b4c;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pr-plan .btn{justify-content:space-between}
.pr-plan-main{background:var(--dark);border-color:var(--dark);color:#c9d5f2}
.pr-plan-main .pr-plan-k{color:#9fb6ff}
.pr-plan-main h3,.pr-plan-main .pr-plan-price b{color:#fff}
.pr-plan-main .pr-plan-price small,.pr-plan-main .pr-plan-note{color:#a9b6dc}
.pr-plan-main ul{border-color:#ffffff26}
.pr-plan-main li{color:#e6ecfb}
.pr-plan-main li svg{background:#3ddc9726;stroke:#3ddc97}
.pr-plan-main .btn-dark{background:#fff;border-color:#fff;color:var(--acc)}
.pr-plan-main .btn-dark .btn-arrow{background:var(--acc);color:#fff}

/* Pausas fuera de pantalla (site.js marca .is-off) */
section.is-off .pr-pin-halo,section.is-off .pr-typing i{animation-play-state:paused}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width:1000px){
  .pr-hero,.pr-why-grid,.pr-event-grid,.pr-plans-grid{grid-template-columns:1fr}
  .pr-hero-stage{margin-top:8px}
  .pr-home-screen{width:min(100%,280px)}
  .pr-rc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr-heat{grid-template-columns:1fr}
  .pr-heat-side{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px}
  .pr-heat-side>.mono{display:none}
  .pr-heat-camp{font-size:32px}
  .pr-heat-text{flex-basis:100%;margin-top:0}
}
@media (max-width:1000px){
  .pr-strip-wrap{margin:0 calc(-1 * var(--pad));padding:6px var(--pad) 10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none}
  .pr-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:150px;width:max-content}
}
@media (max-width:820px){
  .pr-day{grid-template-columns:1fr}
  .pr-sky{min-height:240px}
  .pr-sun{top:calc(-1 * min(34vw,150px) - 22px)}
}
@media (max-width:600px){
  .pr-phone{height:540px}
  .pr-why-list,.pr-rc-grid,.pr-plan-pair{grid-template-columns:1fr}
  .pr-tabs{display:flex}
  .pr-tab{flex:1;padding:9px 8px;font-size:13px}
  .pr-ba-tag{font-size:10.5px;padding:5px 8px;top:8px}
  .pr-ba-tb{left:8px}.pr-ba-ta{right:8px}
  .pr-ba-notes{left:8px;bottom:8px}
  .pr-mo-t{width:38px;font-size:10.5px}
  .pr-mo-head em{display:none}
  .pr-strip{grid-auto-columns:132px}
}
@media (prefers-reduced-motion:reduce){
  .pr-sun-track,.pr-sun,.pr-app,.pr-home-note,.pr-lot,.pr-heat-row,.pr-tile-img{transition:none!important}
  .pr-pin-halo,.pr-typing i{animation:none}
}