/* Isolated plan component: uses Leal AI's existing typography and palette. */
.leal-site .plan-deck { padding:32px; min-width:0; }
.plan-deck .plans-intro { display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.plan-deck .plans-intro p { color:var(--muted); font-size:14px; }
.plan-deck-controls { max-width:660px; margin:0 auto 42px; }
/* El cartel de cupos: avisa que el precio es de lanzamiento y a cuanto sube. */
.plan-lanzamiento { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 12px; max-width:660px; margin:0 auto 26px; padding:13px 18px; border:1px solid #31a488; border-radius:12px; background:linear-gradient(120deg,#225b4b,#1a4052); }
.plan-lanzamiento b { font:800 11px/1 var(--body); letter-spacing:1.3px; text-transform:uppercase; color:#1fffae; white-space:nowrap; }
.plan-lanzamiento span { flex:1 1 240px; font-size:12px; line-height:1.6; color:#d0ede8; }
.plan-lanzamiento strong { color:#eafff8; }
/* Modo letra grande: se toca la tarjeta y el plan se lee comodo. */
.plan-lupa { display:flex; align-items:center; justify-content:center; gap:9px; margin:12px auto 0; min-height:40px; padding:7px 16px; border:1px solid #2d7c95; border-radius:999px; background:transparent; color:#bde8ed; font:700 12px var(--body); cursor:pointer; transition:border-color .2s, color .2s, background .2s; }
.plan-lupa svg { width:17px; height:17px; }
.plan-lupa .lupa-menos { display:none; }
.plan-lupa[aria-pressed=true] { border-color:var(--cyan); color:#1fffe7; background:#1f5c6b; }
.plan-lupa[aria-pressed=true] .lupa-mas { display:none; }
.plan-lupa[aria-pressed=true] .lupa-menos { display:block; }
@media (hover:hover) and (pointer:fine) { .plan-lupa:hover { border-color:var(--cyan); color:#1fffe7; } }
.plan-deck.is-ready .plan-deck-card { cursor:zoom-in; }
.plan-deck.is-ready.is-grande .plan-deck-card { cursor:zoom-out; }
.plan-deck.is-ready .plan-deck-card a, .plan-deck.is-ready .plan-deck-card button, .plan-deck.is-ready .plan-deck-heading { cursor:auto; }
.plan-deck-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding:5px; border:1px solid #297289; background:#112f3b; border-radius:15px; }
.plan-deck-tabs button { min-width:0; min-height:48px; border:1px solid transparent; border-radius:10px; background:transparent; color:#cfe8ed; font:600 14px var(--body); padding:9px 6px; cursor:pointer; -webkit-user-select:none; user-select:none; transition:background .2s,border-color .2s,color .2s; }
.plan-deck-tabs button[aria-selected=true] { color:#f1fffe; border-color:#1cebdf; background:linear-gradient(140deg,#246578,#224c59); box-shadow:inset 0 1px 0 #1fffff40,0 0 16px #1ceadd1a; }
.plan-deck button:focus-visible,.plan-deck summary:focus-visible,.plan-deck a:focus-visible { outline:2px solid #1fffef; outline-offset:4px; }
.plan-deck-card-area { position:relative; }
.plan-deck-stage { position:relative; isolation:isolate; max-width:980px; margin-inline:auto; min-width:0; }
.plan-deck.is-ready .plan-deck-stage { margin-inline:18px; }
.plan-deck.is-ready .plan-deck-stage::before,.plan-deck.is-ready .plan-deck-stage::after { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; border:1px solid #2d8195; border-radius:22px; background:linear-gradient(155deg,#254f60,#143644); }
.plan-deck.is-ready .plan-deck-stage::before { transform:translate(-13px,-12px) rotate(-1.25deg) scale(.975); opacity:.65; }
.plan-deck.is-ready .plan-deck-stage::after { transform:translate(13px,-20px) rotate(1.25deg) scale(.975); opacity:.9; }
.plan-deck-card { position:relative; min-width:0; background:linear-gradient(128deg,#254f60 0%,#183a49 54%,#173542 100%); border:1px solid #39b1be; border-radius:20px; box-shadow:0 22px 44px #0004,inset 0 1px 0 #1fffff20; overflow:hidden; }
.plan-deck:not(.is-ready) .plan-deck-card+.plan-deck-card { margin-top:24px; }
.plan-deck-card.is-entering { animation:plan-card-arrive .32s cubic-bezier(.2,.7,.2,1) both; }
@keyframes plan-card-arrive { from { opacity:.4; transform:translateX(var(--plan-entry,14px)) scale(.99); } to { opacity:1; transform:none; } }
/* Al cambiar de plan, la luz cruza la tarjeta nueva como si fuera metálica: el mismo reflejo
   diagonal de los botones. Se dispara con .is-entering, que el JS repone en cada cambio, así que
   se repite siempre (también al tocar). La tarjeta ya recorta lo que sobra: overflow hidden. */
.plan-deck-card::after { content:''; position:absolute; inset:-100% -65%; z-index:2; pointer-events:none; transform:translateX(-45%); opacity:0; background:linear-gradient(110deg,transparent 38%,#1fffff1f 45%,#ffffff3d 50%,#1fffff1f 55%,transparent 62%); }
.plan-deck-card.is-entering::after { animation:plan-card-sheen .85s ease both; }
/* 28/10: la banda mide como la tarjeta (en celular, alta): en reposo quedaba a medio camino y se veía «pegada». Ahora nace y muere transparente: cruza y desaparece. */
@keyframes plan-card-sheen { 0% { transform:translateX(-45%); opacity:0; } 18% { opacity:1; } 82% { opacity:1; } 100% { transform:translateX(45%); opacity:0; } }
.plan-deck-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:28px; padding:30px; background:radial-gradient(ellipse at 100% 0,#35b8b31c,transparent 70%); border-bottom:1px solid #286d86; touch-action:pan-y; }
.plan-deck.is-ready [data-plan-swipe] { cursor:grab; -webkit-user-select:none; user-select:none; }
.plan-deck.is-ready [data-plan-swipe]:active { cursor:grabbing; }
.plan-deck-kicker { font-size:10px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:#1df1e3; margin:0 0 14px; }
.plan-deck-heading h4 { font-family:var(--display); font-size:32px; line-height:1.2; letter-spacing:-1px; margin:0 0 12px; color:#eefdfd; }
.plan-deck-description { color:#d5e9ed; font-size:16px; line-height:1.6; max-width:480px; margin:0; }
.plan-deck-price { min-width:185px; padding-left:24px; border-left:1px solid #2a728b; }
.plan-deck-price>span { font-size:12px; color:#cee9ed; }
/* Tachado, precio real y el % en verde, todo en el mismo renglon. */
.plan-precio-fila { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 9px; margin:7px 0 12px; }
.plan-deck-price .plan-precio-fila s { color:#c1e4ed; font-size:16px; text-decoration-color:#ed775f; text-decoration-thickness:2px; }
.plan-deck-price .plan-off { font-style:normal; font-weight:800; font-size:13px; color:#5ef9ab; white-space:nowrap; }
.plan-deck-price p s { margin-right:2px; font-size:12px; color:#c1e4ed; text-decoration-color:#ed775f; }
.plan-deck-price strong { display:inline-block; font-size:34px; line-height:1.2; letter-spacing:-1px; color:#ecfffe; font-weight:650; }
.plan-deck-price p { margin:0; font-size:15px; color:#d0ebed; }
.plan-deck-price b { color:#1df3e0; }
.plan-deck-price small { display:block; margin-top:6px; color:#c6e6ed; font-size:11px; }
.plan-deck-scope { padding:26px 30px; }
.plan-deck-scope-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:0 0 22px; }
.plan-deck-scope h5 { color:#1df0e2; margin:0; font-size:15px; font-weight:600; }
.plan-deck-scope-heading span { color:#bee3ed; font-size:11px; white-space:nowrap; }
.plan-deck-features { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 32px; }
.plan-deck-features li { position:relative; padding-left:18px; min-width:0; }
.plan-deck-features li::before { content:'•'; position:absolute; left:0; top:0; color:#1df4e2; }
.plan-deck-features strong { color:#e6f4f4; font-size:15px; font-weight:650; line-height:1.5; }
.plan-deck-features p { margin:5px 0 0; color:#cde5ed; font-size:14px; line-height:1.65; }
.plan-deck-inherited { margin-top:26px; border-top:1px solid #25647c; padding-top:18px; color:#cde5ed; font-size:13px; }
.plan-deck-inherited h5 { color:#d3eaed; margin-bottom:13px; font-size:12px; letter-spacing:.4px; text-transform:uppercase; }
.plan-deck-inherited ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 22px; list-style:none; padding:0; margin:0; line-height:1.55; }
.plan-deck-inherited li { display:flex; align-items:flex-start; gap:8px; min-width:0; }
.plan-deck-inherited li span { color:#1df0e2; flex:0 0 auto; }
.plan-deck-footer { padding:20px 30px; border-top:1px solid #25647c; display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; background:#0f2e3c45; }
.plan-deck-footer p { color:#c2e2ed; font-size:12px; line-height:1.65; margin:0; }
.leal-site .plan-deck-footer .button { margin:0; min-width:0; font-size:13px; min-height:48px; padding:12px 19px; gap:12px; white-space:normal; }
.plan-deck-navigation { position:absolute; inset:0; z-index:4; display:block; margin:0; pointer-events:none; }
/* Las flechas acompañan al que lee. Arrancan a la altura de siempre (--flecha-alto desde el borde de la tarjeta), pero si la tarjeta
   es más alta que la pantalla y se baja con el scroll, quedan a mitad de pantalla (sticky) hasta que la tarjeta termina: así siempre
   están a mano para cambiar de plan. Las dos comparten el mismo renglón, así que siempre están a la misma altura. */
/* .sector-detail traía overflow:hidden (para redondear las puntas): eso lo volvía el «scroll» de las flechas y el sticky no se movía
   nunca. overflow:clip recorta igual pero no crea scroll; en navegadores viejos queda hidden y las flechas se quedan fijas como antes. */
.sector-detail { overflow:hidden; overflow:clip; }
.plan-deck-flechas { --flecha-tam:46px; position:sticky; top:calc(50vh - var(--flecha-tam) / 2); top:calc(50svh - var(--flecha-tam) / 2); height:var(--flecha-tam); margin-top:calc(var(--flecha-alto,104px) - var(--flecha-tam) / 2); pointer-events:none; }
.plan-deck-navigation button { position:absolute; top:0; display:grid; place-items:center; width:var(--flecha-tam); height:var(--flecha-tam); padding:0; border:1px solid #3396ab; border-radius:50%; background:#194857d9; backdrop-filter:blur(6px); color:#dffdf9; cursor:pointer; pointer-events:auto; box-shadow:0 6px 20px #0007; transition:border-color .2s, background .2s, color .2s, scale .2s; -webkit-user-select:none; user-select:none; }
.plan-deck-navigation button svg { width:21px; height:21px; }
.plan-deck-navigation [data-plan-prev] { left:-12px; }
.plan-deck-navigation [data-plan-next] { right:-12px; }
@media (hover:hover) and (pointer:fine) { .plan-deck-navigation button:hover { border-color:var(--cyan); background:#236778; color:#1fffe7; scale:1.08; } }
.plan-deck-navigation button:active { scale:.94; }
/* El renglón 'Básico · 1 de 3' queda para lectores de pantalla: la pestaña marcada ya lo dice. */
.plan-deck-navigation p { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.plan-deck-navigation>span { display:none; }
.plan-deck-comparison { margin-top:24px; border-top:1px solid #286c86; border-bottom:1px solid #286c86; }
.plan-deck-comparison>summary { cursor:pointer; padding:20px 0; display:flex; justify-content:space-between; gap:12px; color:#1df4da; font-size:14px; list-style:none; }
.plan-deck-comparison>summary::-webkit-details-marker { display:none; }
.plan-deck-comparison[open]>summary>span { transform:rotate(45deg); }
.plan-deck-table { overflow-x:auto; padding-bottom:12px; }
.plan-deck table { border-collapse:collapse; table-layout:fixed; width:100%; min-width:460px; font-size:13px; }
.plan-deck caption { text-align:left; padding:0 0 20px; color:#c5e6ed; }
.plan-deck th,.plan-deck td { padding:14px 10px; border-bottom:1px solid #245e76; text-align:center; overflow-wrap:anywhere; }
.plan-deck th:first-child { width:42%; text-align:left; color:#d9ebed; font-weight:500; }
.plan-deck thead th { color:#1df1e3; font-weight:600; }
.plan-deck td { color:#1df2dc; }
.plan-deck .comparison-price td { color:#ecfffd; font-size:12px; }
.leal-site .plan-deck .plan-terms { color:#c4e3ed; font-size:12px; line-height:1.7; margin-top:20px; }
@media(min-width:1100px) { .plan-deck.is-ready .plan-deck-stage { margin-inline:auto; width:calc(100% - 36px); } }
@media(max-width:700px) {
 .plans-open .assistant-launcher { opacity:0; pointer-events:none; transform:translateY(12px); }
 .leal-site .plans-panel.plan-deck { padding:20px 12px; }
 .plan-deck .plans-intro { display:block; margin:0 6px 22px; }
 .plan-deck .plans-intro h3 { font-size:19px; line-height:1.4; }
 .plan-deck .plans-intro p { margin-top:8px; font-size:13px; }
 .plan-deck-controls { margin-bottom:20px; }
 .plan-deck-tabs button { font-size:12px; min-height:46px; }
 .plan-deck-card-area { margin-inline:10px; }
 .plan-deck.is-ready .plan-deck-stage { margin-inline:0; }
 .plan-deck.is-ready .plan-deck-stage::before { transform:translate(-4px,-10px) rotate(-.6deg) scale(.98); }
 .plan-deck.is-ready .plan-deck-stage::after { transform:translate(4px,-17px) rotate(.6deg) scale(.98); }
 .plan-deck-card { border-radius:16px; }
 .plan-deck-heading { grid-template-columns:minmax(0,1fr); padding:17px 16px; gap:12px; }
 .plan-deck-kicker { font-size:9px; letter-spacing:1px; line-height:1.45; margin-bottom:7px; }
 .plan-deck-heading h4 { font-size:26px; line-height:1.13; margin-bottom:8px; }
 .plan-deck-description { font-size:14px; line-height:1.45; }
 .plan-deck-price { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:baseline; column-gap:10px; row-gap:2px; border-left:0; border-top:1px solid #286d86; padding:11px 0 0; min-width:0; }
 .plan-deck-price>span { grid-column:1/-1; font-size:10px; }
 .plan-deck-price .plan-precio-fila { grid-column:1/-1; margin:4px 0 6px; gap:3px 8px; }
 .plan-deck-price .plan-precio-fila s { font-size:14px; }
 .plan-deck-price .plan-off { font-size:12px; }
 .plan-deck-price strong { font-size:28px; line-height:1.1; }
 .plan-deck-price p { grid-column:2; font-size:13px; line-height:1.35; }
 .plan-deck-price small { grid-column:1/-1; margin-top:0; font-size:10px; }
 .plan-deck-scope { padding:16px; }
 .plan-deck-scope-heading { align-items:baseline; flex-direction:row; gap:8px; margin-bottom:13px; }
 .plan-deck-scope h5 { font-size:14px; }
 .plan-deck-scope-heading span { white-space:normal; text-align:right; font-size:10px; }
 .plan-deck-features { grid-template-columns:minmax(0,1fr); gap:14px; }
 .plan-deck-features li { padding-left:15px; }
 .plan-deck-features strong { font-size:14px; line-height:1.32; }
 .plan-deck-features p { margin-top:2px; font-size:13px; line-height:1.42; }
 .plan-deck-inherited { margin-top:15px; padding-top:12px; font-size:11px; }
 .plan-deck-inherited h5 { margin-bottom:8px; font-size:10px; }
 .plan-deck-inherited ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 10px; line-height:1.35; }
 .plan-deck-inherited li { gap:5px; }
 .plan-deck-footer { padding:14px 16px; gap:10px; }
 .plan-deck-footer p { font-size:11px; line-height:1.45; }
 .leal-site .plan-deck-footer .button { width:100%; min-height:42px; padding:10px 15px; font-size:12px; justify-content:center; }
 .plan-deck-flechas { --flecha-alto:96px; --flecha-tam:34px; }
 .plan-deck-navigation button { border-color:#39b1be; box-shadow:0 4px 14px #0006; }
 .plan-deck-navigation button svg { width:17px; height:17px; }
 .plan-deck-navigation [data-plan-prev] { left:-22px; }
 .plan-deck-navigation [data-plan-next] { right:-22px; }
 .plan-deck table { min-width:0; font-size:11px; }
 .plan-deck th,.plan-deck td { padding:12px 3px; }
 .plan-deck th:first-child { width:37%; }
 .plan-deck .comparison-price td { font-size:10px; }
}
@media(max-width:430px) {
 .plan-deck-heading { padding:14px 15px; gap:10px; }
 .plan-deck-kicker { margin-bottom:5px; }
 .plan-deck-heading h4 { font-size:24px; margin-bottom:6px; }
 .plan-deck-description { font-size:13px; line-height:1.4; }
 .plan-deck-price { padding-top:9px; column-gap:8px; }
 .plan-deck-price>strong { font-size:26px; }
 .plan-deck-price p { font-size:12px; }
 .plan-deck-scope { padding:14px 15px; }
 .plan-deck-scope-heading { margin-bottom:11px; }
 .plan-deck-scope h5 { font-size:13px; }
 .plan-deck-features { gap:11px; }
 .plan-deck-features strong { font-size:13px; }
 .plan-deck-features p { font-size:12px; line-height:1.38; }
 .plan-deck-inherited { margin-top:12px; padding-top:10px; font-size:10px; }
 .plan-deck-inherited h5 { margin-bottom:6px; font-size:9px; }
 .plan-deck-inherited ul { gap:5px 8px; line-height:1.3; }
 .plan-deck-footer { padding:12px 15px; gap:7px; }
 .plan-deck-footer p { font-size:10px; line-height:1.35; }
 .leal-site .plan-deck-footer .button { min-height:40px; padding:9px 13px; }
}
@media(prefers-reduced-motion:reduce) { .plan-deck-card.is-entering { animation:none; } .plan-deck-card.is-entering::after { animation:none; } .plan-deck-tabs button { transition:none; } }
.effects-paused .plan-deck-card.is-entering { animation:none; }
.effects-paused .plan-deck-card.is-entering::after { animation:none; }

/* ── Letra grande ───────────────────────────────────────────────────────────
   Mismos textos, mas grandes. Lleva la clase del deck para ganarle a las medidas
   de las media queries sin depender de donde esten escritas. */
.plan-deck.is-grande .plan-deck-kicker { font-size:11px; letter-spacing:1.4px; }
.plan-deck.is-grande .plan-deck-heading h4 { font-size:34px; line-height:1.12; }
.plan-deck.is-grande .plan-deck-description { font-size:18px; line-height:1.5; }
.plan-deck.is-grande .plan-deck-price>span { font-size:13px; }
.plan-deck.is-grande .plan-deck-price strong { font-size:36px; }
.plan-deck.is-grande .plan-deck-price .plan-precio-fila s { font-size:20px; }
.plan-deck.is-grande .plan-deck-price .plan-off { font-size:16px; }
.plan-deck.is-grande .plan-deck-price p s { font-size:15px; }
.plan-deck.is-grande .plan-deck-price p { font-size:18px; }
.plan-deck.is-grande .plan-deck-price small { font-size:12px; }
.plan-deck.is-grande .plan-deck-scope h5 { font-size:19px; }
.plan-deck.is-grande .plan-deck-scope-heading { flex-direction:column; align-items:flex-start; gap:4px; }
.plan-deck.is-grande .plan-deck-scope-heading span { font-size:13px; text-align:left; white-space:normal; }
.plan-deck.is-grande .plan-deck-features { grid-template-columns:minmax(0,1fr); gap:18px; }
.plan-deck.is-grande .plan-deck-features strong { font-size:19px; line-height:1.35; }
.plan-deck.is-grande .plan-deck-features p { font-size:17px; line-height:1.5; }
.plan-deck.is-grande .plan-deck-inherited { font-size:15px; }
.plan-deck.is-grande .plan-deck-inherited h5 { font-size:13px; }
.plan-deck.is-grande .plan-deck-inherited ul { grid-template-columns:minmax(0,1fr); gap:9px; }
.plan-deck.is-grande .plan-deck-footer p { font-size:14px; line-height:1.55; }
.leal-site .plan-deck.is-grande .plan-deck-footer .button { font-size:14px; min-height:48px; }
.plan-deck.is-grande .plan-terms, .leal-site .plan-deck.is-grande .plan-terms { font-size:14px; }

/* Funciones desplegables (28/10, Ezequiel): se toca el nombre, se explica; se toca otra vez y se cierra. Veterinarias y Tiendas Online primero. */
.plan-feature>summary { display:block; position:relative; padding-right:36px; cursor:pointer; list-style:none; -webkit-tap-highlight-color:transparent; }
.plan-feature>summary::-webkit-details-marker { display:none; }
.plan-feature>summary:focus-visible { outline:2px solid #1df4e2; outline-offset:4px; border-radius:6px; }
.plan-deck.is-ready .plan-deck-card .plan-feature>summary { cursor:pointer; }
.plan-feature-desc { display:block; margin:5px 0 0; color:#cde5ed; font-size:14px; line-height:1.65; }
.plan-mas { position:absolute; right:0; top:0; width:26px; height:26px; box-sizing:border-box; display:grid; place-items:center; border:1.5px solid #1df4e2; border-radius:50%; color:#1df4e2; font-size:18px; font-weight:600; line-height:1; transition:transform .22s ease,background .22s ease,color .22s ease; }
/* styles.css gira a 45° todo <span> hijo de CUALQUIER summary dentro de un <details open> (`details[open] summary > span`, para el «+» de
   los otros desplegables) y «Mirá los planes» está abierto: acá se apaga y solo gira el ícono cuando SU función está abierta. */
.plan-deck .plan-feature>summary>span { transform:none; }
.plan-deck .plan-feature[open]>summary>.plan-mas { transform:rotate(45deg); background:#1df4e2; color:#04222b; }
.plan-detail { margin:11px 0 2px; padding:13px 15px; border-left:3px solid #1df4e2; border-radius:0 12px 12px 0; background:#0c3946; animation:plan-detail-in .22s ease both; }
.plan-deck-features .plan-detail p { margin:0 0 9px; color:#f3fcfd; font-size:14px; font-weight:600; line-height:1.55; }
.plan-deck-features .plan-detail-puntos { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.plan-deck-features .plan-detail-puntos li { padding-left:20px; color:#e9f6f8; font-size:13.5px; line-height:1.5; }
.plan-deck-features .plan-detail-puntos li::before { content:"✓"; left:0; top:0; color:#1df4e2; font-weight:700; }
@supports selector(:has(*)) { .plan-deck-features li:has(>.plan-feature[open]) { grid-column:1/-1; } }
@keyframes plan-detail-in { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:none; } }
@media(max-width:700px) { .plan-feature>summary { padding-right:34px; } .plan-feature-desc { margin-top:2px; font-size:13px; line-height:1.42; } .plan-deck-features .plan-detail p { font-size:13px; } .plan-deck-features .plan-detail-puntos li { font-size:12.5px; } }
.plan-deck.is-grande .plan-feature-desc { font-size:17px; line-height:1.5; }
.plan-deck.is-grande .plan-deck-features .plan-detail p { font-size:17px; }
.plan-deck.is-grande .plan-deck-features .plan-detail-puntos li { font-size:16px; padding-left:24px; }
@media(prefers-reduced-motion:reduce) { .plan-detail { animation:none; } .plan-mas { transition:none; } }
.effects-paused .plan-detail { animation:none; }

/* «Sumá tu tienda online» (28/10, Ezequiel): desplegable con los planes de la tienda acoplada al sistema, el descuento y su explicación. Es un <details> propio (no .static-plans). */
.tienda-conectada { margin:22px 0 18px; overflow:hidden; border:1px solid #39b1be; border-radius:18px; background:linear-gradient(128deg,#1d4a5a 0%,#16394a 100%); box-shadow:0 12px 28px #0003,inset 0 1px 0 #1fffff26; }
.tienda-conectada>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:23px 36px; color:var(--cyan); font-weight:800; cursor:pointer; list-style:none; -webkit-tap-highlight-color:transparent; }
.tienda-conectada>summary::-webkit-details-marker { display:none; }
.tienda-conectada>summary:focus-visible { outline:2px solid #1df4e2; outline-offset:-4px; border-radius:10px; }
.tienda-conectada>summary>span { font-size:23px; line-height:1; }
/* styles.css gira 45° todo span hijo de un summary abierto (para el «+»): el título con el precio queda derecho y solo gira el ícono. */
.tienda-conectada>summary>.tienda-titulo { font-size:inherit; display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 11px; flex:1 1 auto; min-width:0; transform:none; }
.tienda-conectada>summary .tienda-titulo b { font:700 15px/1 var(--display); letter-spacing:-.4px; color:var(--text); }
.tienda-conectada>summary>.tienda-mas { transform:none; transition:transform .22s ease; }
.tienda-conectada[open]>summary>.tienda-mas { transform:rotate(45deg); }
/* Lo mismo para «Comparar los tres planes»: cerrado muestra «+», no «×». */
.plan-deck .plan-deck-comparison:not([open])>summary>span { transform:none; }
.tienda-conectada>summary .tienda-titulo i { font-style:normal; font-size:12px; font-weight:600; color:#cde5ed; }
.tienda-conectada>summary .tienda-chip { flex-basis:100%; font-style:normal; font-size:12px; font-weight:800; letter-spacing:.2px; color:#5df2a6; }
.tienda-panel { display:grid; gap:18px; padding:4px 36px 32px; animation:plan-detail-in .22s ease both; }
.tienda-intro { margin:0; color:#eaf7f9; font-size:16px; line-height:1.6; }
.tienda-planes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.tienda-plan { display:grid; gap:12px; align-content:start; padding:20px; border:1px solid #39b1be; border-radius:18px; background:linear-gradient(128deg,#254f60 0%,#183a49 54%,#173542 100%); box-shadow:0 18px 36px #0003,inset 0 1px 0 #ffffff1f; }
.tienda-plan h4 { margin:0; color:#1df4e2; font-size:19px; font-weight:700; }
.tienda-plan>p { margin:0; color:#e9f6f8; font-size:15px; line-height:1.55; }
.tienda-precio { display:grid; gap:4px; padding-top:12px; border-top:1px solid #25647c; }
.tienda-precio>span { color:#bee3ed; font-size:12px; }
.tienda-precio strong { color:#fff; font-size:30px; line-height:1.1; }
.tienda-precio p { margin:0; color:#e9f6f8; font-size:15px; line-height:1.5; }
.tienda-precio s { color:#cde5ed; text-decoration-color:#ff7a7a; text-decoration-thickness:2px; }
.tienda-precio b { color:#1df4e2; font-size:19px; }
.tienda-precio em { margin-left:6px; color:#5df2a6; font-style:normal; font-weight:800; }
.tienda-explica { padding:14px 18px; border-left:3px solid #1df4e2; border-radius:0 14px 14px 0; background:#0c3946; }
.tienda-explica h5 { margin:0 0 6px; color:#1df4e2; font-size:15px; font-weight:700; }
.tienda-explica p { margin:0; color:#f3fcfd; font-size:14.5px; line-height:1.6; }
.tienda-ejemplo { margin:0; color:#e9f6f8; font-size:15px; line-height:1.6; }
.tienda-ejemplo strong, .tienda-ejemplo b { color:#fff; }
.tienda-acciones { display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; }
.tienda-nota { margin:0; color:#bee3ed; font-size:12px; line-height:1.5; }
@media(max-width:700px) { .tienda-conectada { margin:20px 0 16px; } .tienda-conectada>summary { padding:18px 20px; gap:12px; font-size:16px; } .tienda-panel { padding:4px 20px 26px; } .tienda-planes { grid-template-columns:minmax(0,1fr); } .tienda-precio strong { font-size:26px; } .tienda-intro { font-size:15px; } }
@media(prefers-reduced-motion:reduce) { .tienda-panel { animation:none; } }
.effects-paused .tienda-panel { animation:none; }