/* precios.css — pestaña Precios: simuladores, tablas, edición */
/* padding inferior amplio: deja aire para la barra fija "Pedir por WhatsApp" (#mCta) que
   se ancla al pie del viewport en esta pestaña, para que no tape el último contenido. */
.precios{flex:1;overflow-y:auto;min-height:0;padding:34px 44px 104px;display:none}
.precios.on{display:block}
/* ── Armador de 1 cuadro ─────────────────────────────────────── */
.armtitle{font-size:17px;font-weight:700;color:var(--color-azul);margin-bottom:16px}
.armtitle span{display:block;font-size:12.5px;font-weight:500;color:#8a7d6a;margin-top:2px}
.arm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:34px;align-items:start;margin-bottom:20px}
.armprev{background:#fff;border:1px solid #ece5da;border-radius:12px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;min-height:300px;justify-content:center}
.armstage{position:relative;display:flex;align-items:center;justify-content:center;min-height:230px}
.armframe{cursor:pointer;transition:transform .12s}
.armframe:hover{transform:translateY(-2px)}
.armtag{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10.5px;font-weight:600;color:#9A7B52;background:#F2EFEA;border:1px solid rgba(214,167,122,.5);border-radius:20px;padding:3px 11px}
/* Fila de "subir foto" DENTRO del recuadro blanco, justo bajo el preview */
.armuprow{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:16px}
.armminibox{display:flex;flex-direction:column;align-items:center;margin-top:18px;padding-top:16px;border-top:1px dashed #e4dccf;width:100%}
.armminilbl{font-size:12px;font-weight:700;color:var(--color-azul);margin-bottom:8px}
.armminilbl span{font-weight:500;color:#b0a48f;font-size:11px}
.armmini{cursor:pointer}
.armminihint{font-size:10.5px;color:#a99;margin-top:6px;color:#b0a48f}
/* Selector de formato visual: 3 mini-marcos (cuadrado/vertical/horizontal) */
.armfmts{display:flex;align-items:flex-end;justify-content:center;gap:16px}
.armfmt{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:6px 8px;border-radius:9px;border:1px solid transparent;transition:border-color .12s,background .12s}
.armfmt:hover{background:#faf6ef}
.armfmt.on{border-color:var(--color-dorado);background:rgba(214,167,122,.12)}
.armfmtpic{display:flex;align-items:flex-end;justify-content:center;min-height:60px;pointer-events:none}
.armfmtlbl{font-size:11px;font-weight:600;color:#8a7d6a}
.armfmt.on .armfmtlbl{color:var(--color-azul);font-weight:700}
.armctl{display:flex;flex-direction:column;gap:15px}
.armhintB{font-size:12.5px;color:var(--color-azul);background:#FAF4EA;border:1px solid var(--color-dorado);border-radius:8px;padding:8px 12px;line-height:1.4}
.armhintB i{font-style:normal}
.armhintB.err{color:#8a3a2a;background:#FBEEEA;border-color:#E0A99A}
.armstep{}
.armlbl{font-size:11px;font-weight:700;letter-spacing:.5px;color:#8a7d6a;text-transform:uppercase;margin-bottom:7px}
.armlbl span{text-transform:none;letter-spacing:0;font-weight:500;color:#b3a894;font-size:11px}
.armseg{display:inline-flex}
.armsegb{padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer;background:#fff;border:1px solid rgba(13,28,81,.2);color:rgba(13,28,81,.55);font-family:inherit}
.armsegb:first-child{border-radius:7px 0 0 7px}.armsegb:last-child{border-radius:0 7px 7px 0;border-left:none}
.armsegb.on{background:var(--color-azul);color:var(--color-dorado);border-color:var(--color-azul)}
.armupl{padding:8px 16px;font-size:12.5px;font-weight:600;cursor:pointer;background:var(--color-azul);color:#fff;border:none;border-radius:7px;font-family:inherit}
.armej{margin-left:10px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;background:none;border:none;color:#9A7B52;font-family:inherit;text-decoration:underline}
.armchips{display:flex;gap:8px;flex-wrap:wrap}
.armchip{padding:8px 13px;font-size:12.5px;font-weight:600;cursor:pointer;background:#fff;border:1px solid rgba(13,28,81,.2);color:var(--color-azul);border-radius:7px;font-family:inherit}
.armchip b{font-weight:700;color:var(--color-acento);margin-left:3px}
.armchip.on{background:var(--color-azul);border-color:var(--color-azul);color:#fff}
.armchip.on b{color:var(--color-dorado)}
/* Sub-etiqueta del grupo secundario de estilos artísticos (bajo el toggle Original / B&N) */
.armartlbl{font-size:11px;font-weight:700;color:#9A7B52;margin:13px 0 8px;letter-spacing:.2px}
.armartlbl span{display:block;font-weight:500;color:#b3a894;letter-spacing:0;margin-top:1px}
.armchips--art .armchip{font-size:12px;padding:7px 12px}
/* Nota bajo el selector de estilo cuando el estilo no se puede previsualizar (óleo, pop art, etc.) */
.armeditnote{font-size:12px;color:#9A7B52;background:rgba(214,167,122,.12);border:1px solid rgba(214,167,122,.4);border-radius:7px;padding:8px 11px;margin-top:9px;line-height:1.45}
.armeditnote b{color:var(--color-azul);font-weight:700}
.armcols{display:flex;gap:11px}
.armcol{width:36px;height:36px;border-radius:8px;cursor:pointer;border:1px solid #d8cfbf;padding:0}
.armcol.on{border:3px solid var(--color-dorado)}
.armbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--color-azul);border-radius:12px;padding:15px 20px;flex-wrap:wrap}
/* Variante dentro de la columna de opciones: pequeño respiro sobre el banner para separarlo del paso 6 */
.armbar--incol{margin-top:5px}
.armcfgl{font-size:12px;color:#c9cfe0;margin-bottom:2px}
.armprice{font-size:26px;font-weight:700;color:#fff;line-height:1.1}
.armprice span{font-size:12px;font-weight:500;color:var(--color-dorado);margin-left:6px}
.armwa{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;text-decoration:none;background:#25D366;color:#0a3d1e;padding:11px 20px;border-radius:9px;white-space:nowrap}
.armnudge{font-size:12.5px;color:#8a7d6a;text-align:center;margin:12px 0 4px}
.armnudge i{font-style:normal;color:var(--color-dorado)}
.armnudge b{color:var(--color-azul);font-weight:700}
@media(max-width:760px){.arm{grid-template-columns:1fr;gap:20px}}
/* Bloque que dirige del armador a los apartados de mural (reemplaza las tablas por unidad) */
.pgo{background:#FAF8F4;border:1px solid rgba(214,167,122,0.45);border-radius:12px;padding:18px 20px;margin-top:20px}
.pgot{font-size:15px;font-weight:700;color:var(--color-azul);text-align:center;margin-bottom:13px}
.pgobtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.pgobtn{flex:1;min-width:180px;max-width:280px;padding:14px 16px;font-size:14px;font-weight:700;cursor:pointer;background:var(--color-azul);color:var(--color-dorado);border:none;border-radius:9px;font-family:inherit;letter-spacing:0.2px;transition:transform .1s ease}
.pgobtn:hover{transform:translateY(-2px)}
.pgobtn.promo{background:var(--color-acento);color:#fff}
/* Cross-sell simplificado: un botón primario centrado + un enlace secundario */
.pgobtn-solo{display:block;width:100%;max-width:360px;margin:0 auto;flex:none}
.pgolink{display:block;margin:11px auto 0;background:none;border:none;font-family:inherit;font-size:13px;font-weight:600;color:#9A7B52;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pgolink:hover{color:var(--color-acento)}
/* Cierre liviano de la pestaña "Crea tu cuadro" (reaseguro, sin botón) */
.pclose{text-align:center;font-size:12.5px;color:#8a7d6a;line-height:1.6;margin:26px auto 4px;max-width:580px}
.pclose b{color:var(--color-azul);font-weight:700}
.pgonote{font-size:12px;color:#8a7d6a;line-height:1.55;text-align:center;margin-top:12px}
.pgonote b{color:var(--color-azul)}
.ptt{font-size:13px;font-weight:700;color:var(--color-azul);text-transform:uppercase;letter-spacing:1px;margin:30px 0 10px}
.ptbl{width:100%;border-collapse:collapse;font-size:14px}
.ptbl th{background:var(--color-azul);color:var(--color-dorado);font-weight:700;text-align:left;padding:10px 14px;font-size:12px;letter-spacing:0.5px;text-transform:uppercase}
.ptbl th.r,.ptbl td.r{text-align:right}
.ptbl td{padding:10px 14px;border-bottom:1px solid #eee;color:#333}
.ptbl tr:nth-child(even) td{background:#FAF8F4}
.ptbl td.pz{font-weight:700;color:var(--color-acento)}
.ptbl td.nm{font-weight:600;color:var(--color-azul)}
.ptbl td.sv{font-weight:700;color:#3f8f5f}
/* Fila de grupo (encabezado de tamaño dentro de la tabla de packs) */
.ptbl tr.grp td{background:#F1ECE2;color:var(--color-azul);font-weight:700;font-size:11.5px;letter-spacing:0.4px;text-transform:uppercase;padding:8px 14px}
.ptbl tr.grp:nth-child(even) td{background:#F1ECE2}
.pnote{font-size:11.5px;color:#999;margin-top:8px;line-height:1.5}
/* Guía rápida de orientación (arriba) */
.porient{background:#FAF8F4;border:1px solid rgba(214,167,122,0.4);border-radius:8px;padding:13px 17px;font-size:13px;color:#6b5a44;line-height:1.7;margin-bottom:22px}
.porient>b{color:var(--color-azul)}
.porient .po{display:inline-block;background:#fff;border:1px solid rgba(214,167,122,0.4);border-radius:20px;padding:3px 12px;margin:4px 5px 0 0;font-size:12px}
.porient .po b{color:var(--color-acento)}
.porient .posub{font-size:12px;color:#9A7B52;font-weight:600;margin-top:8px}
/* Fila y sello del pack más pedido */
.ptbl tr.frow td{background:rgba(214,167,122,0.14)}
.feat{display:inline-block;background:var(--color-acento);color:#fff;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:2px 8px;border-radius:11px;margin-left:9px;vertical-align:middle}
/* CTA de compra (cierre) */
.pcta{background:var(--color-azul);border-radius:12px;padding:26px 24px;text-align:center;margin-top:30px}
.pcta .pctat{font-size:19px;font-weight:700;color:var(--color-dorado);letter-spacing:-0.2px}
.pcta .pctas{font-size:13px;color:rgba(242,239,234,0.78);margin:7px auto 0;line-height:1.55;max-width:460px}
.pcta .pctast{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:17px 0 19px}
.pcta .pctast span{font-size:11.5px;font-weight:600;color:var(--color-dorado);background:rgba(214,167,122,0.15);border:1px solid rgba(214,167,122,0.35);border-radius:20px;padding:5px 14px}
.edbox{margin-top:14px;background:rgba(214,167,122,0.1);border:1px solid rgba(214,167,122,0.45);border-radius:8px;padding:14px 16px}
.edbox .edt{font-size:14px;font-weight:700;color:var(--color-azul)}
.edbox .edt em{font-style:normal;color:var(--color-acento)}
.edbox .edd{font-size:12.5px;color:#777;line-height:1.5;margin-top:3px}
.echips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.echip{font-size:12px;font-weight:600;color:#9A7B52;background:#fff;border:1px solid rgba(214,167,122,0.5);border-radius:20px;padding:5px 13px}
/* Apartado "Imprime sin marco" (lámina sola) — sección propia, separada de crea tu cuadro */
.lamina{margin-top:22px;background:#fff;border:1px solid #e6ddce;border-left:4px solid var(--color-azul);border-radius:10px;padding:18px 20px}
.lamina .lamt{font-size:16px;font-weight:700;color:var(--color-azul)}
.lamina .lamt span{font-size:12px;font-weight:600;color:#9A7B52;text-transform:uppercase;letter-spacing:0.5px;margin-left:6px}
.lamina .lamd{font-size:12.5px;color:#777;line-height:1.55;margin-top:5px;max-width:560px}
.lamina .lamrow{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 14px}
.lamina .lamp{font-size:13px;font-weight:600;color:#5a5a5a;background:var(--color-crema);border-radius:20px;padding:6px 14px}
.lamina .lamp b{color:var(--color-acento);font-weight:700;font-size:15px}