/* Landing /propietarios (2026-11-08). Usa los tokens de /styles.css (libro de marca Miu). */
.btn-wa{background:var(--wa)!important;color:#fff!important}
.pr-cifras{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-self:center}
.pr-cifras div{background:var(--card);border:1px solid var(--linea);border-radius:var(--radius);padding:16px}
.pr-cifras strong{display:block;font-family:var(--f-display);font-size:30px;line-height:1.1;color:var(--vino)}
.pr-cifras span{display:block;font-size:14px;color:var(--piedra);margin-top:4px}
.pr-pasos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:paso}
.pr-pasos li{background:var(--card);border:1px solid var(--linea);border-radius:var(--radius);padding:20px;counter-increment:paso}
.pr-pasos li:before{content:counter(paso);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;font-weight:700;margin-bottom:10px}
.pr-recibes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pr-recibes div{background:var(--card);border:1px solid var(--linea);border-radius:var(--radius);padding:18px}
.pr-recibes p{margin:0;color:var(--piedra)}
.pr-comision{margin-top:18px}
.pr-calc{display:grid;grid-template-columns:1.4fr 1.2fr .6fr auto;gap:12px;align-items:end;background:var(--card);border:1px solid var(--linea);border-radius:var(--radius);padding:16px}
.pr-calc label{display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:6px;min-width:0}
.pr-calc input,.pr-calc select{font:inherit;padding:10px;border:1px solid var(--linea);border-radius:10px;background:#fff;color:var(--tinta);width:100%}
.pr-resultado{margin:16px 0;background:var(--rubor);border-radius:var(--radius);padding:18px}
.pr-resultado .pr-neto{font-family:var(--f-display);font-size:clamp(24px,4vw,34px);color:var(--vino);margin:.2em 0}
.pr-aviso{font-weight:600;color:var(--tinta);border-left:4px solid var(--coral);padding-left:10px}
.pr-check{padding-left:1.2em}
.pr-check li{margin:.4em 0}
.pr-garantia{border:2px dashed var(--coral);border-radius:var(--radius);padding:18px}
.pr-pot{border-left:4px solid var(--coral);padding:4px 0 4px 14px;margin:0;color:var(--tinta)}
.pr-ventajas{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.pr-ventajas div{background:var(--card);border:1px solid var(--linea);border-radius:var(--radius);padding:18px}
.pr-ventajas h3{font-size:19px;margin-bottom:.35em}
.pr-ventajas p{margin:0;color:var(--piedra)}
.pr-compara{margin:22px 0 8px;display:grid;gap:8px}
.pr-compara div{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:12px;align-items:center;background:var(--card);border:1px solid var(--linea);border-radius:12px;padding:12px 16px}
.pr-compara strong{font-family:var(--f-display);font-size:22px}
.pr-compara .pr-nota{color:var(--piedra);font-size:15px}
.pr-compara .pr-miu{border:2px solid var(--magenta)}
.pr-compara .pr-miu strong{color:var(--vino)}
.pr-otros{background:var(--rubor);border-radius:var(--radius);padding:20px 22px}
.pr-otros p{margin:0}
.pr-ejemplo-aviso{display:inline-block;background:#FFF4D6;color:#6B4A00;border:1px solid #E8C873;border-radius:999px;padding:4px 14px;font-weight:600;font-size:14px}
/* Maquetas del panel con el aspecto del CEM (paleta clara del CEM). Datos de ejemplo. */
.cem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}
.cem-card{margin:0;display:flex;flex-direction:column}
.cem-card figcaption{font-size:14px;color:var(--piedra);margin-top:8px}
.cem-bar{display:flex;align-items:center;gap:6px;background:#1f5f5c;color:#fff;border-radius:12px 12px 0 0;padding:9px 12px;font:600 13px/1.2 var(--f-body)}
.cem-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.45)}
.cem-titulo{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cem-body{flex:1;background:#fff;border:1px solid #dde1dd;border-top:0;border-radius:0 0 12px 12px;padding:14px;color:#14171c;font:14px/1.4 var(--f-body);box-shadow:0 1px 2px rgba(20,23,28,.06),0 4px 14px rgba(20,23,28,.06)}
.cem-mes{font-weight:700;margin:0 0 8px}
.cem-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-size:12px}
.cem-cal span{padding:5px 0;border-radius:5px;background:#f8f9f7}
.cem-cal span:empty{background:transparent}
.cem-cal .cem-d{background:transparent;color:#5b6270;font-weight:700}
.cem-cal .r1,.cem-ley .r1{background:#e3efee;color:#164543}
.cem-cal .r2,.cem-ley .r2{background:#fbeee0;color:#7a4a08}
.cem-cal .lim,.cem-ley .lim{background:#e6f4ea;color:#1a4f28;font-weight:700}
.cem-ley{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:#5b6270}
.cem-ley i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.cem-tabla{width:100%;border-collapse:collapse;font-size:14px}
.cem-tabla th,.cem-tabla td{padding:7px 6px;border-bottom:1px solid #dde1dd;text-align:left;font-weight:500}
.cem-tabla td{text-align:right;font-variant-numeric:tabular-nums}
.cem-tabla thead th{font-size:12px;color:#5b6270;font-weight:700}
.cem-tabla thead th:last-child{text-align:right}
.cem-tabla .cem-tu th,.cem-tabla .cem-tu td{background:#e3efee;color:#164543;font-weight:700}
.cem-sug{margin:10px 0 0}
.cem-chip{display:inline-block;background:#e6f4ea;color:#1a4f28;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:600}
.cem-pagos{list-style:none;padding:0;margin:0}
.cem-pagos li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 0;border-bottom:1px solid #dde1dd}
.cem-pagos li:last-child{border-bottom:0}
.cem-pagos strong{font-variant-numeric:tabular-nums;text-align:right}
.cem-pagos em{grid-column:1/-1;font-style:normal;font-size:12px;font-weight:600;justify-self:start;border-radius:999px;padding:1px 9px}
.cem-pagos .ok{background:#e6f4ea;color:#1a4f28}
.cem-pagos .pend{background:#fbeee0;color:#7a4a08}
@media (max-width:860px){
  .cem-grid{grid-template-columns:1fr}
  .pr-compara div{grid-template-columns:1fr auto}
  .pr-compara .pr-nota{grid-column:1/-1}
  .pr-pasos,.pr-recibes{grid-template-columns:1fr}
  .pr-calc{grid-template-columns:1fr}
}
@media (max-width:480px){.pr-cifras{grid-template-columns:1fr}}