/* Generado por herramientas/portar_web.py. No editar a mano: es la cadena de @import ya resuelta. */
/* Configurador de cuota en tres pasos (9 de octubre de 2026). Sustituye, como propuesta, al bloque de precios de la
   home V7 (y de Precios y las landings, que lo heredan). Va sobre el kit de la home: tokens, tipografía, botones,
   portátil, móvil y nota manuscrita son los suyos; aquí solo están las piezas propias, con prefijo «cfg-». */

.cfg-section{background:var(--ivory)}
.cfg-section .section-head>p{font-size:16px;line-height:1.6;max-width:470px}

/* ---------- La tarjeta: pasos y preguntas a la izquierda, lo que vas montando a la derecha ---------- */
.cfg{
	--cfg-pad:44px;--cfg-violeta:#5840c9;
	display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44%);grid-template-rows:auto 1fr auto;
	grid-template-areas:"rail escena" "paneles escena" "pie escena";
	background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;overflow:clip;
	box-shadow:0 30px 60px -38px #20242b59;
}

/* ---------- Pasos ---------- */
.cfg-rail{grid-area:rail;list-style:none;margin:0;padding:34px var(--cfg-pad) 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.cfg-rail li{position:relative;min-width:0}
.cfg-rail li+li::before{content:'';position:absolute;top:15px;left:calc(-100% + 42px);width:calc(100% - 52px);height:2px;border-radius:2px;background:var(--line);transition:background .3s}
.cfg-rail li.is-hecho::before,.cfg-rail li.is-actual::before{background:var(--violet)}
.cfg-nodo{display:grid;gap:9px;justify-items:start;width:100%;padding:0 12px 4px 0;border:0;background:none;text-align:left;color:var(--muted);border-radius:10px}
.cfg-nodo:focus-visible{outline-offset:6px}
.cfg-nodo-num{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid #c5c8d0;background:#fff;font:700 14px/1 Sora,sans-serif;color:var(--muted);transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
.cfg-nodo-num svg{width:17px;height:17px}
.cfg-nodo:hover .cfg-nodo-num{border-color:var(--violet)}
.cfg-nodo-txt{display:grid;gap:1px;min-width:0;max-width:100%}
.cfg-nodo-txt b{font:600 14px/1.3 Inter,sans-serif;color:var(--muted);transition:color .25s}
.cfg-nodo-txt small{font-size:13px;line-height:1.35;color:var(--muted);min-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-rail .is-hecho .cfg-nodo-num{background:var(--violet);border-color:var(--violet);color:transparent}
.cfg-rail .is-hecho .cfg-nodo-num svg{opacity:0}
.cfg-rail .is-hecho .cfg-nodo-num::after{content:'';position:absolute;left:11px;top:6px;width:7px;height:13px;border:solid #fff;border-width:0 2.4px 2.4px 0;transform:rotate(45deg)}
.cfg-rail .is-hecho .cfg-nodo-txt b{color:var(--ink)}
.cfg-rail .is-actual .cfg-nodo-num{background:var(--ink);border-color:var(--ink);color:var(--lime);box-shadow:0 0 0 5px #6548eb24}
.cfg-rail .is-actual .cfg-nodo-txt b{color:var(--ink);font-weight:700}

/* ---------- Preguntas ---------- */
.cfg-paneles{grid-area:paneles;display:grid;margin:0;padding:28px var(--cfg-pad) 14px;min-width:0}
.cfg-panel{grid-area:1/1;min-width:0;transition:opacity .3s ease,transform .3s ease,visibility 0s 0s}
.cfg.is-vivo .cfg-panel:not(.is-activo){visibility:hidden;opacity:0;transform:translateX(22px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}
.cfg.is-vivo[data-dir="atras"] .cfg-panel:not(.is-activo){transform:translateX(-22px)}
.cfg:not(.is-vivo) .cfg-panel{grid-area:auto}
.cfg:not(.is-vivo) .cfg-panel+.cfg-panel{margin-top:38px}
.cfg-kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--cfg-violeta);margin-bottom:10px}
.cfg-volver{display:none;align-items:center;gap:7px;min-height:44px;margin:-12px 0 4px -12px;padding:0 14px 0 12px;border:0;border-radius:30px;background:none;font:600 14px/1.3 Inter,sans-serif;color:var(--ink)}
.cfg-volver span{font-size:17px;line-height:1}
.cfg-panel h3{font-size:30px;line-height:1.14;letter-spacing:-.05em;outline:0}
.cfg-ayuda{font-size:15px;line-height:1.55;margin-top:10px;max-width:580px}
.cfg-enlace{font:inherit;font-weight:600;color:var(--cfg-violeta);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;border-radius:4px}
.cfg-enlace:hover{color:var(--ink)}
.cfg-enlace span{text-decoration:none;display:inline-block}
.cfg-ayuda .cfg-enlace{white-space:nowrap}

/* Fichas que se eligen: el control real ocupa toda la ficha y es invisible. */
.cfg-op{position:relative;display:block;cursor:pointer;min-width:0}
.cfg-op>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.cfg-op-cuerpo{position:relative;display:flex;flex-direction:column;height:100%;border:2px solid var(--line);border-radius:18px;padding:18px 18px 16px;background:#fff;transition:border-color .18s,background .18s,box-shadow .18s}
.cfg-op:hover .cfg-op-cuerpo{border-color:#b9aef0}
.cfg-op>input:checked+.cfg-op-cuerpo{border-color:var(--violet);background:var(--soft);box-shadow:0 14px 26px -16px #6548eb80}
.cfg-op>input:focus-visible+.cfg-op-cuerpo{outline:3px solid var(--violet);outline-offset:4px}
.cfg-marca{position:absolute;top:14px;right:14px;width:24px;height:24px;border-radius:50%;border:2px solid #c5c8d0;background:#fff;pointer-events:none;transition:background .18s,border-color .18s}
.cfg-marca::after{content:'';position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.4px 2.4px 0;transform:rotate(45deg) scale(0);transition:transform .2s}
.cfg-op>input:checked~.cfg-marca{background:var(--violet);border-color:var(--violet)}
.cfg-op>input:checked~.cfg-marca::after{transform:rotate(45deg) scale(1)}
.cfg-precio{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 7px;margin-top:auto;padding-top:14px}
.cfg-precio strong{font:700 24px/1.15 Sora,sans-serif;letter-spacing:-.05em;color:var(--ink);white-space:nowrap}
.cfg-precio span{font-size:14px;line-height:1.4;color:var(--muted)}

/* Paso 1 · socios por sede y sedes */
/* Seis tamaños, de 200 a 3.000 socios del centro entero, en dos filas de tres. */
.cfg-tallas{border:0;padding:0;margin:20px 0 0;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cfg-talla .cfg-op-cuerpo{padding:12px 16px 12px}
.cfg-talla .cfg-marca{top:11px;right:11px;width:22px;height:22px}
.cfg-talla .cfg-marca::after{left:6px;top:2px}
.cfg-talla-nombre{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px}
.cfg-talla-nombre small{font-size:14px;line-height:1.4;color:var(--muted)}
.cfg-talla-nombre small:first-child{flex-basis:100%}
.cfg-talla-nombre b{font:700 28px/1.1 Sora,sans-serif;letter-spacing:-.055em;color:var(--ink)}
.cfg-talla .cfg-precio{padding-top:5px}
.cfg-talla .cfg-precio strong{font-size:20px}
.cfg-sedes{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--soft);border-radius:16px;padding:12px 14px 12px 18px;margin-top:12px}
.cfg-sedes-txt{min-width:0}
.cfg-sedes-t{font:600 16px/1.35 Inter,sans-serif;color:var(--ink)}
.cfg-sedes-n{font-size:14px;line-height:1.45;margin-top:1px}
.cfg-sedes-n.is-tope{color:var(--ink);font-weight:600}
.cfg-contador{display:flex;align-items:center;gap:4px;flex-shrink:0}
.cfg-contador button{width:44px;height:44px;border-radius:50%;border:1px solid #737985;background:#fff;color:var(--ink);font-size:22px;line-height:1;display:grid;place-items:center;transition:border-color .18s,color .18s,background .18s}
.cfg-contador button:hover:not(:disabled){border-color:var(--violet);color:var(--violet)}
.cfg-contador button:disabled{opacity:.36;cursor:not-allowed}
.cfg-contador output{min-width:42px;text-align:center;font:700 26px/1 Sora,sans-serif;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.cfg-medida{font-size:14px;line-height:1.55;margin-top:12px}
.cfg-medida strong{color:var(--ink)}

/* Paso 2 · IA opcional */
.cfg-ias{display:grid;gap:12px;margin-top:22px}
.cfg-ia .cfg-op-cuerpo{flex-direction:row;align-items:center;gap:16px;padding:15px 18px}
.cfg-ia-ico{flex:0 0 46px;height:46px;border-radius:50%;background:var(--lavender);display:grid;place-items:center;color:var(--ink)}
.cfg-ia:first-child .cfg-ia-ico{background:var(--lime)}
.cfg-ia-ico svg{width:24px;height:24px}
.cfg-ia-txt{flex:1;min-width:0}
.cfg-ia-txt strong{display:block;font:600 18px/1.3 Sora,sans-serif;letter-spacing:-.035em;color:var(--ink)}
.cfg-ia-txt small{display:block;font-size:14px;line-height:1.45;color:var(--muted);margin-top:3px}
.cfg-ia-fin{display:flex;align-items:center;gap:14px;flex-shrink:0}
.cfg-ia .cfg-precio{margin:0;padding:0;flex-direction:column;align-items:flex-end;gap:0;min-width:96px}
.cfg-ia .cfg-precio strong{font-size:20px}
.cfg-interruptor{position:relative;flex:0 0 46px;width:46px;height:27px;border-radius:30px;background:#a1a7b2;border:1px solid #737b88;transition:background .2s,border-color .2s}
.cfg-interruptor::after{content:'';position:absolute;left:2px;top:2px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}
.cfg-ia>input:checked+.cfg-op-cuerpo .cfg-interruptor{background:var(--violet);border-color:var(--violet)}
.cfg-ia>input:checked+.cfg-op-cuerpo .cfg-interruptor::after{transform:translateX(19px)}
/* Con las dos, manda el paquete: cada precio suelto queda tachado, sin cambiar de ancho (nada se recoloca). */
.cfg-ias.is-paquete .cfg-ia .cfg-precio strong{color:var(--muted);font-weight:600}
.cfg-ias.is-paquete .cfg-ia .cfg-precio s{text-decoration-thickness:2px}
.cfg-ias.is-paquete .cfg-ia .cfg-precio span{color:var(--cfg-violeta);font-weight:600}
.cfg-paquete{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#efebff;border:2px solid transparent;border-radius:14px;padding:11px 12px 11px 18px;margin-top:12px;transition:border-color .18s}
.cfg-paquete.is-activo{border-color:var(--violet)}
.cfg-paquete p{font-size:14px;line-height:1.5;color:var(--ink)}
.cfg-paquete .eyebrow{display:block;font-size:11px;margin-bottom:2px}
.cfg-paquete p strong{font:700 19px/1.2 Sora,sans-serif;letter-spacing:-.04em;color:var(--cfg-violeta);white-space:nowrap}
.cfg-paquete s{color:var(--muted)}
.cfg-paquete .btn{flex-shrink:0;background:#fff;border-color:#737985;font-size:14px;padding:9px 16px;min-height:44px;gap:10px}
.cfg-paquete .btn span{font-size:18px}
.cfg-pie-nota{font-size:14px;line-height:1.5;margin-top:12px}

/* Paso 3 · la app */
.cfg-apps{border:0;padding:0;margin:22px 0 0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cfg-app-ico{width:52px;height:52px;border-radius:13px;box-shadow:0 0 0 1px #20242b14,0 8px 16px -8px #20242b66;margin-bottom:14px}
.cfg-app-nombre b{display:block;font:700 20px/1.2 Sora,sans-serif;letter-spacing:-.04em;color:var(--ink)}
.cfg-app-nombre small{display:block;font-size:14px;line-height:1.45;color:var(--muted);margin-top:4px}
.cfg-app-extra{font-size:14px;line-height:1.4;color:var(--muted);margin-top:8px;align-self:flex-start}

/* Etiquetas de cadencia: por sede, para todo el centro y pago único. Las mismas en las fichas y en el recibo. */
.cfg-etiqueta{display:inline-flex;align-items:center;font:700 11px/1.3 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-radius:30px;padding:5px 11px;white-space:nowrap}
.cfg-etiqueta-sede{background:var(--violet);color:#fff}
.cfg-etiqueta-global{background:#fff;color:var(--ink)}
.cfg-etiqueta-unico{background:var(--lime);color:var(--ink)}

/* Resumen · lo elegido */
.cfg-recap{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px}
.cfg-recap li{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;padding:10px 18px 10px 12px}
.cfg-recap-ico{flex:0 0 40px;height:40px;border-radius:50%;background:var(--lavender);display:grid;place-items:center;color:var(--ink)}
.cfg-recap li:nth-child(odd) .cfg-recap-ico{background:var(--lime)}
.cfg-recap-ico svg{width:21px;height:21px}
.cfg-recap-txt{flex:1;min-width:0;display:grid}
.cfg-recap-txt small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.cfg-recap-txt b{font:600 16px/1.35 Inter,sans-serif;color:var(--ink)}
.cfg-recap .cfg-enlace{font-size:14px;min-height:44px;padding-inline:4px}
.cfg-garantias{margin-top:18px}
.cfg-garantias p{font:600 15px/1.3 Sora,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.cfg-garantias ul{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:6px}
.cfg-garantias li{position:relative;padding-left:27px;font-size:14px;line-height:1.45;color:var(--ink)}
.cfg-garantias li::before{content:'✓';position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:var(--lime);font-size:11px;line-height:19px;text-align:center}

/* ---------- Pie: la cuota hasta ahora y el siguiente paso ---------- */
/* Una sola fila y siempre la misma altura: la tarjeta no salta al cambiar de paso ni al sumar el pago único. */
.cfg-pie{grid-area:pie;display:flex;align-items:center;justify-content:space-between;gap:10px 20px;min-height:104px;padding:14px var(--cfg-pad) 22px;border-top:1px solid var(--line);margin-top:10px;background:#fff}
.cfg-total{flex:1 1 auto;min-width:0;color:var(--ink)}
.cfg-total-t{display:flex;align-items:center;gap:10px;min-height:25px}
.cfg-total-t>span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cfg-violeta);white-space:nowrap}
/* Si la nota no cabe en una línea, parte en dos sin salirse del alto de la cifra: la última línea es la que se alinea. */
.cfg-total-n{display:flex;align-items:flex-end;align-items:last baseline;gap:10px;min-width:0}
.cfg-total-n strong{font:700 34px/1.15 Sora,sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}
.cfg-total-n small{font-size:14px;line-height:1.3;color:var(--muted);min-width:0;text-wrap:balance}
.cfg-nav{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.cfg-atras{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;color:var(--ink);font-weight:700;font-size:15px;min-height:50px;padding:0 16px;border-radius:30px;transition:background .18s}
.cfg-atras span{font-size:18px;line-height:1}
.cfg-atras b{font-weight:inherit}
.cfg-atras:hover{background:var(--soft)}
.cfg-nav .btn{min-height:50px;font-size:15px;white-space:nowrap}
.cfg-sig-txt{font-weight:inherit}
.cfg-pie-fin{display:grid;gap:2px;font-size:14px;line-height:1.5;min-width:0}
.cfg-pie-fin span{color:var(--ink);font-weight:600}
.cfg-pie-fin .cfg-enlace{justify-self:start;font-size:14px;min-height:28px}

/* ---------- Escenario: lo que vas montando ---------- */
.cfg-escena{grid-area:escena;position:relative;min-height:640px;background:var(--lavender);overflow:hidden;isolation:isolate}
.cfg-esc{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s}
.cfg-esc.is-activa{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s 0s}
.cfg-foto{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
/* Las bandas se miden por el alto del escenario y se anclan a la izquierda: la cuña lima de abajo queda siempre
   en el mismo sitio (ahí va la nota a mano), sea cual sea el ancho. */
.cfg-bandas{position:absolute;z-index:1;height:80.6%;width:auto;max-width:none;left:0;bottom:-19%;transform:translateX(-25.4%);pointer-events:none}
.cfg-portatil{position:absolute;z-index:2}
.cfg-movil{position:absolute;z-index:3;height:auto}
.cfg-movil .phone-screen{position:relative;height:auto;aspect-ratio:390/844}
.cfg-movil iframe,.cfg-bucle{display:block;width:100%;height:100%;border:0;object-fit:cover;object-position:top;background:#f5f4fa}
/* Nota a mano del kit (trae su flecha): dos líneas cortas, sobre la banda lima, donde siempre se lee. */
.cfg-nota{position:absolute;z-index:4;left:58px;bottom:2.4%;margin:0;font-size:26px;line-height:1.02;color:var(--ink);text-align:left;white-space:nowrap;transform-origin:0 100%}
.cfg-nota::before{vertical-align:top;margin-top:-4px}
.cfg-demo-datos{position:absolute;z-index:4;right:12px;bottom:10px;font-size:12px;line-height:1.3;color:#fff;background:#20242bb8;border-radius:30px;padding:4px 11px}
.cfg-demo-datos span+span{display:none}
.cfg-chip{position:absolute;z-index:4;left:6%;top:6%;display:flex;align-items:center;gap:11px;background:#fff;border-radius:16px;padding:10px 16px 10px 10px;box-shadow:0 16px 30px -14px #20242b80;color:var(--ink)}
.cfg-chip-ico{flex:0 0 38px;height:38px;border-radius:50%;background:var(--lime);display:grid;place-items:center}
.cfg-chip-ico svg{width:20px;height:20px}
.cfg-chip b{display:block;font:700 15px/1.2 Sora,sans-serif;letter-spacing:-.03em}
.cfg-chip small{display:block;font-size:13px;line-height:1.35;color:var(--muted)}

/* Paso 1 · el panel del centro, sobre el portátil de la foto */
.cfg-esc-centro .cfg-foto{object-position:64% 0}
.cfg-esc-centro .cfg-portatil{left:6%;width:80%;bottom:16%;transform:rotate(-2deg)}
.cfg-esc-centro .laptop-screen{position:relative}
.cfg-esc-centro .laptop-screen img{position:absolute;left:0;top:0;transition:opacity .4s}
.cfg-esc-centro[data-vista="una"] [data-vista-img="varias"],.cfg-esc-centro[data-vista="varias"] [data-vista-img="una"]{opacity:0}

/* Paso 2 · la IA que miras: la conversación de las 23:47 o los borradores de la semana */
.cfg-esc-ia .cfg-foto{transition:opacity .5s}
.cfg-esc-ia [data-foto="commercial"]{object-position:71% 50%}
.cfg-esc-ia [data-foto="training"]{object-position:74% 0}
.cfg-esc-ia[data-foco="commercial"] [data-foto="training"],.cfg-esc-ia[data-foco="training"] [data-foto="commercial"]{opacity:0}
.cfg-esc-ia [data-solo]{transition:opacity .4s ease,transform .4s ease,visibility 0s 0s}
.cfg-esc-ia[data-foco="commercial"] [data-solo="training"],.cfg-esc-ia[data-foco="training"] [data-solo="commercial"]{opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .25s ease,transform .25s ease,visibility 0s .25s}
.cfg-hora{position:absolute;z-index:2;left:7%;top:5%;font:700 58px/1 Sora,sans-serif;letter-spacing:-.06em;color:#fff;text-shadow:0 2px 22px #0009}
.cfg-movil-chat{left:9%;top:17%;width:41%;max-width:258px}
.cfg-esc-ia .cfg-portatil{left:5%;width:84%;bottom:17%;transform:rotate(-2deg)}
.cfg-esc-ia .cfg-portatil .laptop-screen{aspect-ratio:16/9}
.cfg-sello{position:absolute;z-index:5;right:5%;top:6%;display:inline-flex;align-items:center;gap:7px;background:var(--lime);color:var(--ink);font:700 13px/1.3 Inter,sans-serif;border-radius:30px;padding:8px 14px;box-shadow:0 12px 24px -12px #20242b99}
.cfg-esc-ia[data-foco="training"] .cfg-sello{right:auto;left:6%}

/* Paso 3 · el icono en el móvil del socio y la app abierta */
.cfg-esc-app .cfg-foto{object-position:72% 0}
.cfg-movil-inicio{left:7%;bottom:15%;width:33%;max-width:208px;transform:rotate(-7deg);z-index:2}
.cfg-movil-app{left:35%;bottom:19%;width:36%;max-width:228px;transform:rotate(5deg)}
.cfg-movil-inicio .phone-screen{background:linear-gradient(160deg,#e9e3ff 0%,#f6f5f0 52%,#e4f4b3 100%)}
.cfg-inicio-hora{position:absolute;left:13%;top:3%;font:600 11px/1 Inter,sans-serif;color:var(--ink)}
.cfg-iconos{list-style:none;margin:0;padding:24% 10% 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 9px}
.cfg-icono-caja{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:26%;background:#ffffffc7;box-shadow:inset 0 0 0 1px #20242b0f}
.cfg-iconos-base{position:absolute;left:6%;right:6%;bottom:3.5%;padding:5.5% 6%;border-radius:20px;background:#ffffff8f}
.cfg-iconos-base .cfg-icono-caja{background:#fff}
.cfg-icono-app .cfg-icono-caja{overflow:hidden;background:#fff;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--violet),0 10px 18px -6px #20242b80;animation:cfg-latido 2.6s ease-in-out infinite}
.cfg-icono-app img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s ease,transform .45s cubic-bezier(.3,1.4,.5,1)}
.cfg-esc-app[data-app="hyrapp"] [data-icono="propia"],.cfg-esc-app[data-app="propia"] [data-icono="hyrapp"]{opacity:0;transform:scale(.5) rotate(-18deg)}
@keyframes cfg-latido{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.cfg-esc-app .cfg-chip-ico{background:none;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 0 0 1px #20242b14}
.cfg-esc-app .cfg-chip-ico img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .3s}

/* ---------- Recibo: lo de cada sede, lo de todo el centro y lo que se paga una vez ---------- */
.cfg-recibo{position:relative;z-index:5;display:none;flex-direction:column;min-height:100%;background:var(--ink);color:#fff;padding:40px 40px 28px}
.cfg[data-paso="4"] .cfg-recibo{display:flex}
.cfg[data-paso="4"] .cfg-escena{background:var(--ink)}
.cfg[data-paso="4"] .cfg-demo-datos{display:none}
.cfg-recibo .eyebrow{color:var(--lime);font-size:12px;margin-bottom:8px}
.cfg-recibo-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px;color:#fff}
.cfg-recibo-total strong{font:700 62px/1.02 Sora,sans-serif;letter-spacing:-.065em;color:var(--lime);font-variant-numeric:tabular-nums;white-space:nowrap}
.cfg-recibo-total>span{font-size:15px;line-height:1.4;color:#e8e7ef}
.cfg-recibo-unico{margin-top:12px;align-self:flex-start;border:1.5px dashed #8b8fa0;border-radius:30px;padding:6px 15px;font:600 14px/1.4 Inter,sans-serif;color:#fff}
.cfg-grupo{margin-top:15px;padding-top:14px;border-top:1px dashed #5d6170}
.cfg-grupo dl{margin:11px 0 0;display:grid;gap:7px}
.cfg-grupo dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:15px;line-height:1.45}
.cfg-grupo dt{color:#e8e7ef;min-width:0}
.cfg-grupo dt small{display:block;font-size:13px;line-height:1.4;color:#b8bcc8}
.cfg-grupo dd{margin:0;font-weight:600;white-space:nowrap;color:#fff;font-variant-numeric:tabular-nums}
.cfg-grupo .cfg-fila-suma{border-top:1px solid #4a4f5c;padding-top:8px;margin-top:2px}
.cfg-grupo .cfg-fila-suma dt,.cfg-grupo .cfg-fila-suma dd{font-weight:700;color:#fff}
.cfg-grupo .cfg-fila-nada dt{color:#b8bcc8}
.cfg-recibo-pie{margin-top:auto;padding-top:20px;font-size:14px;line-height:1.5;color:#c9ccd6}
.cfg-recibo .cfg-enlace{color:var(--lime);white-space:nowrap}
.cfg-recibo .cfg-enlace:hover{color:#fff}
.cfg-recibo a:focus-visible{outline-color:var(--lime)}
.cfg.is-vivo[data-paso="4"] .cfg-grupo dl>div{animation:cfg-fila .4s ease both}
.cfg.is-vivo[data-paso="4"] .cfg-grupo:nth-of-type(2) dl>div{animation-delay:.08s}
.cfg.is-vivo[data-paso="4"] .cfg-grupo:nth-of-type(3) dl>div{animation-delay:.16s}
@keyframes cfg-fila{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- Debajo: lo incluido, en una fila, y las condiciones, plegadas ---------- */
.cfg-incluido{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:22px}
.cfg-incluido summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;padding:20px 26px;border-radius:22px}
.cfg-incluido summary::-webkit-details-marker{display:none}
.cfg-incluido-cab b{display:block;font:700 20px/1.25 Sora,sans-serif;letter-spacing:-.04em;color:var(--ink)}
.cfg-incluido-cab span{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-top:2px}
.cfg-incluido-ver{grid-column:2;grid-row:1;font-size:14px;font-weight:600;color:var(--cfg-violeta);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.cfg-incluido-ver::after{content:' ↓';display:inline-block;text-decoration:none;margin-left:5px}
.cfg-incluido[open] .cfg-incluido-ver::after{content:' ↑'}
.cfg-incluido-fila{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 22px}
.cfg-incluido-fila>span{display:inline-flex;align-items:center;gap:9px;font:600 14px/1.3 Inter,sans-serif;color:var(--ink)}
.cfg-incluido .icon-box{width:34px;height:34px;margin:0;background:var(--lavender);flex-shrink:0}
.cfg-incluido .icon-box .icon{width:20px;height:20px}
.cfg-incluido-fila>span:nth-child(odd) .icon-box,.cfg-incluido-detalle>li:nth-child(odd) .icon-box{background:var(--lime)}
.cfg-incluido[open] .cfg-incluido-fila{display:none}
.cfg-incluido-detalle{list-style:none;margin:0;padding:6px 26px 26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 28px}
.cfg-incluido-detalle>li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;align-items:start}
.cfg-incluido-detalle h4{font:600 16px/1.35 Sora,sans-serif;letter-spacing:-.03em;margin:5px 0 0}
.cfg-incluido-detalle ul{list-style:none;margin:7px 0 0;padding:0;display:grid;gap:5px}
.cfg-incluido-detalle ul li{font-size:14px;line-height:1.5;color:var(--muted)}
.cfg-letra{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.cfg-letra details{background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0}
.cfg-letra details[open]{grid-column:1/-1}
.cfg-letra summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 18px;font:600 15px/1.35 Inter,sans-serif;color:var(--ink);border-radius:16px}
.cfg-letra summary::-webkit-details-marker{display:none}
.cfg-letra summary::after{content:'+';font:400 24px/1 Inter,sans-serif;color:var(--cfg-violeta)}
.cfg-letra details[open] summary::after{content:'−'}
.cfg-letra details>:not(summary){margin:0;padding:2px 18px 20px}
.cfg-letra .fact-list{max-width:900px}
.cfg-letra .count-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 30px}
.cfg-condiciones{display:grid;grid-template-columns:1fr 1fr;gap:14px 36px}
.cfg-condiciones p{font-size:14px;line-height:1.6}
.cfg-transparente{font-size:14px;margin-top:16px}
.cfg-incluido:target,.cfg-letra details:target{scroll-margin-top:90px}

/* ---------- Sin JavaScript ---------- */
/* Quedan las tres preguntas con sus precios, una debajo de otra. Lo que no funcionaría (pasos, contador de sedes,
   «Elegir las dos», resumen y pie) no se enseña. */
.cfg:not(.is-vivo) .cfg-rail,.cfg:not(.is-vivo) .cfg-panel-resumen,.cfg:not(.is-vivo) .cfg-pie,.cfg:not(.is-vivo) .cfg-contador,.cfg:not(.is-vivo) .cfg-paquete .btn,.cfg:not(.is-vivo) .cfg-chip{display:none}
.cfg:not(.is-vivo) .cfg-paneles{padding-top:var(--cfg-pad);padding-bottom:var(--cfg-pad)}
@media(min-width:1151px){.cfg:not(.is-vivo) .cfg-escena{align-self:start;position:sticky;top:0;height:min(100vh,760px)}}

/* ---------- Anchos ---------- */
@keyframes cfg-entra{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes cfg-entra-atras{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@media(max-width:1250px){
	.cfg{--cfg-pad:30px;grid-template-columns:minmax(0,1fr) minmax(0,42%)}
	.cfg-panel h3{font-size:27px}
	.cfg-talla-nombre b{font-size:26px}
	.cfg-talla .cfg-op-cuerpo{padding:11px 13px 11px}
	.cfg-op-cuerpo{padding:16px 15px 14px}
	.cfg-precio strong{font-size:22px}
	.cfg-ia .cfg-op-cuerpo{gap:13px;padding:14px 15px}
	.cfg-ia-fin{gap:11px}
	.cfg-recibo{padding:28px 30px 20px}
	.cfg-recibo-total strong{font-size:54px}
	.cfg-recibo-unico{margin-top:9px}
	.cfg-grupo{margin-top:14px;padding-top:13px}
	.cfg-grupo dl{margin-top:9px;gap:6px}
	.cfg-incluido-detalle{gap:22px}
	.cfg-nota{font-size:24px;left:48px}
}
/* Donde el pie va justo, «Atrás» se queda en su flecha (el nombre sigue ahí para quien no la ve). */
@media(min-width:1151px) and (max-width:1250px){
	.cfg-atras{width:50px;padding:0;box-shadow:inset 0 0 0 1px #c5c8d0}
	.cfg-atras b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
	.cfg-pie{min-height:112px}
	/* Lo elegido en cada paso puede ir en dos líneas: el hueco se reserva para que nada salte. */
	.cfg-nodo-txt small{white-space:normal;min-height:36px}
}
/* Hasta 1320 px tampoco cabe en una línea lo más largo que se puede elegir («Hasta 3.000 · 5 sedes») y salía con puntos
   suspensivos: dos líneas también ahí (QA del 13 de octubre de 2026). */
@media(min-width:1251px) and (max-width:1320px){
	.cfg-nodo-txt small{white-space:normal;min-height:36px}
}
/* Hasta 1150 px, una columna (dos irían justas: el pie no cabe en una fila con los textos largos del catalán).
   Arriba, lo que vas montando; en el resumen, el recibo va entre el titular y lo elegido. */
@media(max-width:1150px){
	.cfg{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"rail" "escena" "paneles" "pie"}
	.cfg-rail{padding-top:28px;padding-bottom:22px}
	.cfg-paneles{padding-top:26px}
	/* Cada paso ocupa lo suyo: aquí no hay columna de al lado que mantener a la misma altura. */
	.cfg.is-vivo .cfg-panel:not(.is-activo){display:none}
	.cfg.is-vivo .cfg-panel.is-activo{animation:cfg-entra .3s ease both}
	.cfg.is-vivo[data-dir="atras"] .cfg-panel.is-activo{animation-name:cfg-entra-atras}
	/* Resumen: titular, recibo, lo elegido y la demo, en ese orden. Las dos partes del panel pasan a ser filas de la tarjeta. */
	.cfg.is-vivo[data-paso="4"]{grid-template-areas:"rail" "cab" "escena" "cuerpo" "pie"}
	.cfg.is-vivo[data-paso="4"] .cfg-paneles,.cfg.is-vivo[data-paso="4"] .cfg-panel-resumen{display:contents}
	.cfg.is-vivo[data-paso="4"] .cfg-res-cab{grid-area:cab;padding:26px var(--cfg-pad) 24px;animation:cfg-entra .3s ease both}
	.cfg.is-vivo[data-paso="4"] .cfg-res-cuerpo{grid-area:cuerpo;padding:14px var(--cfg-pad);animation:cfg-entra .3s ease both}
	.cfg-recibo{padding-inline:max(var(--cfg-pad),calc(50% - 300px))}
	.cfg-pie{min-height:0}
	/* El escenario pasa a ser una franja: el dispositivo a la izquierda, la persona a la derecha y las bandas, detrás del dispositivo. */
	/* En pantallas bajas (una tableta en horizontal) la franja encoge para que las opciones no queden lejos: todo va
	   anclado arriba y el borde inferior recorta el dispositivo y las bandas. */
	.cfg-escena{min-height:0;height:clamp(280px,40vh,380px)}
	.cfg[data-paso="4"] .cfg-escena{height:auto}
	.cfg-bandas{height:400px;top:151px;bottom:auto;transform:translateX(-18%)}
	.cfg-chip{left:22px;top:20px}
	.cfg-sello,.cfg-esc-ia[data-foco="training"] .cfg-sello{left:22px;right:auto;top:22px}
	.cfg-esc-centro .cfg-foto{object-position:50% 12%}
	.cfg-esc-centro .cfg-portatil{left:22px;width:46%;max-width:400px;bottom:auto;top:98px;transform:rotate(-1.5deg)}
	.cfg-esc-ia [data-foto="commercial"]{object-position:60% 30%}
	.cfg-esc-ia [data-foto="training"]{object-position:50% 10%}
	.cfg-esc-ia .cfg-portatil{left:22px;width:46%;max-width:400px;bottom:auto;top:84px;transform:rotate(-1.5deg)}
	.cfg-movil-chat{left:5%;top:76px;width:24%;max-width:210px}
	.cfg-hora{font-size:44px;left:34%;top:96px}
	.cfg-esc-app .cfg-foto{object-position:50% 12%}
	.cfg-movil-inicio{left:5%;bottom:auto;top:116px;width:21%;max-width:190px}
	.cfg-movil-app{left:23%;bottom:auto;top:104px;width:23%;max-width:206px}
	.cfg-nota{display:none}
	.cfg-incluido-detalle{grid-template-columns:repeat(2,minmax(0,1fr))}
	.cfg-letra{grid-template-columns:minmax(0,1fr)}
	.cfg-letra .count-rules{grid-template-columns:minmax(0,1fr)}
	.cfg-condiciones{grid-template-columns:minmax(0,1fr)}
	.cfg-recibo{min-height:0}
}
@media(max-width:760px){
	.cfg{--cfg-pad:18px;border-radius:22px}
	.cfg-rail{padding-top:22px;padding-bottom:18px}
	.cfg-rail li+li::before{top:13px;left:calc(-100% + 36px);width:calc(100% - 44px)}
	.cfg-nodo{gap:7px;padding-right:6px}
	.cfg-nodo-num{width:28px;height:28px;font-size:13px}
	.cfg-rail .is-hecho .cfg-nodo-num::after{left:9px;top:4px}
	.cfg-nodo-txt b{font-size:13px}
	.cfg-nodo-txt small{display:none}
	.cfg-paneles{padding-top:22px;padding-bottom:10px}
	.cfg.is-vivo .cfg-volver{display:inline-flex}
	.cfg-panel h3{font-size:25px}
	.cfg-ayuda{font-size:15px}
	.cfg-tallas{gap:8px;margin-top:18px}
	.cfg-talla .cfg-op-cuerpo{padding:10px 10px 10px 12px;border-radius:15px}
	.cfg-talla .cfg-marca{top:9px;right:9px;width:18px;height:18px}
	.cfg-talla .cfg-marca::after{left:4.5px;top:1.5px;width:5px;height:9px;border-width:0 2px 2px 0}
	.cfg-talla-nombre small{font-size:13px}
	.cfg-talla-nombre small:last-child{display:none}
	.cfg-talla-nombre b{font-size:22px}
	.cfg-talla .cfg-precio{padding-top:3px;gap:0 2px;flex-wrap:nowrap}
	.cfg-talla .cfg-precio strong{font-size:16px}
	.cfg-talla .cfg-precio span{font-size:12px;white-space:nowrap}
	.cfg-sedes{padding:12px 12px 12px 16px;gap:12px}
	.cfg-ias{margin-top:18px;gap:10px}
	.cfg-ia .cfg-op-cuerpo{flex-wrap:wrap;gap:10px 12px;padding:14px}
	.cfg-ia-ico{flex-basis:40px;height:40px}
	.cfg-ia-txt{flex-basis:calc(100% - 52px)}
	.cfg-ia-fin{flex-basis:100%;justify-content:space-between;padding-left:52px}
	.cfg-ia .cfg-precio{flex-direction:row;align-items:baseline;gap:0 7px}
	.cfg-paquete{flex-wrap:wrap;padding:12px 14px}
	.cfg-paquete .btn{width:100%;justify-content:center}
	.cfg-apps{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:18px}
	.cfg-app .cfg-op-cuerpo{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:13px;padding:14px 46px 14px 14px}
	.cfg-app-ico{width:44px;height:44px;border-radius:11px;margin:0;grid-row:1/3}
	.cfg-app-nombre b{font-size:18px}
	.cfg-app .cfg-precio{grid-column:2;padding-top:8px}
	.cfg-app-extra{grid-column:2}
	.cfg-app-extra.cfg-etiqueta{white-space:normal;border-radius:12px;line-height:1.4}
	.cfg-recap li{padding:9px 12px 9px 10px;gap:11px}
	/* La cuota y «Siguiente» se quedan a la vista mientras se elige; volver se hace desde la cabecera del paso. */
	.cfg-pie{position:sticky;bottom:0;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t t" "n nav";align-items:center;gap:1px 12px;padding:9px var(--cfg-pad) calc(11px + env(safe-area-inset-bottom));margin-top:8px;box-shadow:0 -12px 24px -18px #20242b66}
	.cfg-total{display:contents}
	.cfg-total-t{grid-area:t;min-height:0}
	.cfg-total-n{grid-area:n;flex-direction:column;align-items:flex-start;gap:0}
	.cfg-total-n strong{font-size:26px}
	.cfg-total-n small{font-size:13px;text-wrap:balance}
	.cfg-total-t .cfg-etiqueta{padding:4px 10px}
	.cfg-nav{grid-area:nav}
	.cfg-nav .btn{min-height:48px;padding-inline:18px;gap:12px}
	.cfg-atras{display:none}
	.cfg[data-paso="4"] .cfg-pie{position:static;box-shadow:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"fin" "nav";gap:12px}
	.cfg-pie-fin{grid-area:fin}
	.cfg-pie-fin .cfg-enlace{min-height:44px}
	.cfg[data-paso="4"] .cfg-nav{width:100%;margin:0}
	.cfg[data-paso="4"] .cfg-nav .btn{flex:1;justify-content:center}
	/* La franja, más baja: el dispositivo asoma desde abajo. */
	.cfg-escena{height:190px}
	.cfg-bandas{height:228px;top:66px;transform:translateX(-28%)}
	.cfg-chip{left:10px;top:10px;padding:6px 12px 6px 6px;border-radius:13px;gap:8px}
	.cfg-chip-ico{flex-basis:30px;height:30px}
	.cfg-chip b{font-size:14px}
	.cfg-chip small{font-size:12px}
	.cfg-sello,.cfg-esc-ia[data-foco="training"] .cfg-sello{left:10px;top:10px;font-size:12px;padding:6px 11px}
	.cfg-portatil{padding:5px;border-radius:9px}
	.cfg-portatil .laptop-screen{border-radius:4px}
	.cfg-portatil::after{height:8px;bottom:-6px}
	.cfg-movil{border-width:4px;border-radius:19px}
	.cfg-movil .phone-screen{border-radius:14px}
	.cfg-esc-centro .cfg-portatil{left:16px;width:54%;top:64px}
	.cfg-esc-ia .cfg-portatil{left:16px;width:54%;top:56px}
	.cfg-movil-chat{left:16px;top:54px;width:33%;max-width:none}
	.cfg-hora{font-size:34px;left:42%;top:64px}
	.cfg-movil-inicio{left:14px;top:74px;width:26%;max-width:none}
	.cfg-movil-app{left:27%;top:62px;width:29%;max-width:none}
	.cfg-iconos{gap:7px 5px}
	.cfg-iconos-base{border-radius:11px}
	.cfg-inicio-hora{font-size:8px}
	.cfg-demo-datos{right:10px;bottom:8px}
	.cfg-demo-datos span{display:none}
	.cfg-demo-datos span+span{display:inline}
	.cfg-recibo{padding:26px var(--cfg-pad) 22px}
	.cfg-recibo-total strong{font-size:50px}
	.cfg.is-vivo[data-paso="4"] .cfg-res-cab{padding:22px var(--cfg-pad) 20px}
	.cfg-incluido summary{grid-template-columns:minmax(0,1fr);padding:18px;gap:12px}
	.cfg-incluido-fila{gap:9px 16px}
	.cfg-incluido-ver{grid-column:1;grid-row:auto;justify-self:start}
	.cfg-incluido-detalle{grid-template-columns:minmax(0,1fr);padding:4px 18px 22px;gap:20px}
}
/* QA del 13 de octubre de 2026.
   · Cabecera del bloque entre 761 y 950 px: el párrafo se quedaba con el ancho y el titular salía en cuatro líneas de
     una o dos palabras. Ahí van uno debajo de otro, como en el móvil.
   · «Incluido en cualquier tamaño» en el móvil: una cosa por línea (a 390 px dos cortas compartían una y parecía una
     lista rota; a 320 ya iban de una en una). */
@media(min-width:761px) and (max-width:950px){.cfg-section .section-head{display:block}.cfg-section .section-head>p{margin-top:16px;max-width:none}}
@media(max-width:520px){.cfg-incluido-fila{flex-direction:column}}
/* QA, segunda tanda (13 de octubre de 2026).
   · Entre 761 y 1150 px el configurador va en una columna, como en el móvil, pero su pie (la cuota y «Siguiente») no
     iba pegado: para ver la cuota había que bajar en cada paso. Ahí se queda a la vista, igual que en el móvil.
   · En el resumen (paso 4) del móvil el pie tampoco iba pegado y «Solicita una demo» quedaba al final de casi dos
     pantallas. Se queda a la vista: la frase arriba y, debajo, «Empezar de nuevo» y el botón. (Hasta 350 px el pie
     sigue sin pegarse, como en los demás pasos.) */
@media(min-width:761px) and (max-width:1150px){
	.cfg-pie{position:sticky;bottom:0;z-index:6;box-shadow:0 -12px 24px -18px #20242b66}
}
@media(min-width:351px) and (max-width:760px){
	.cfg[data-paso="4"] .cfg-pie{position:sticky;box-shadow:0 -12px 24px -18px #20242b66;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"fin fin" "re nav";gap:0 12px}
	.cfg[data-paso="4"] .cfg-pie-fin{display:contents}
	.cfg[data-paso="4"] .cfg-pie-fin span{grid-area:fin;font-size:13px;line-height:1.4}
	.cfg[data-paso="4"] .cfg-pie-fin .cfg-enlace{grid-area:re;justify-self:start;align-self:center}
	.cfg[data-paso="4"] .cfg-nav{grid-area:nav;width:auto}
	.cfg[data-paso="4"] .cfg-nav .btn{flex:none}
}
/* Y hasta 400 px «Solicita una demo» va sin flecha, como «Siguiente», para caber junto a «Empezar de nuevo». */
@media(min-width:351px) and (max-width:400px){.cfg-pie .cfg-nav [data-cfg-demo] span{display:none}}
@media(max-width:420px){
	.cfg-nodo-txt b{font-size:12px}
	.cfg-sedes{flex-wrap:wrap}
	.cfg-contador{margin-left:auto}
	.cfg-recibo-total strong{font-size:46px}
	.cfg-nav .btn{padding-inline:16px}
}
/* En los móviles más estrechos, el botón sin flecha y la cifra un punto menor, para que quepan en una fila. */
@media(max-width:400px){
	.cfg-pie .cfg-nav [data-sig] span{display:none}
}
@media(max-width:380px){
	.cfg-talla .cfg-op-cuerpo{padding-inline:9px 8px}
	.cfg-talla .cfg-precio strong{font-size:15px}
	.cfg-talla .cfg-precio span{font-size:11px}
	.cfg-talla-nombre b{font-size:21px}
}
/* En los más estrechos todavía (320 px), el pie deja de ir pegado y se apila: cuota arriba y botón a todo el ancho. */
@media(max-width:350px){
	.cfg-tallas{grid-template-columns:repeat(2,minmax(0,1fr))}
	.cfg-talla .cfg-op-cuerpo{padding-inline:12px 10px}
	.cfg-talla .cfg-precio strong{font-size:16px}
	.cfg-talla .cfg-precio span{font-size:12px}
	.cfg-pie{position:static;box-shadow:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "n" "nav";gap:2px}
	.cfg-total-t{flex-wrap:wrap;gap:4px 10px}
	.cfg-total-n{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:0 8px}
	.cfg-nav{margin:8px 0 0}
	.cfg-nav .btn{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.cfg-icono-app .cfg-icono-caja{animation:none}}