/* 1172 fase 2 (Taller, 12-nov-2026; el diseño aprobado, D1-D9): las tarjetas cortas por familias, la comparativa compacta, las páginas de plan y el vídeo. Solo los colores y las letras
   de la web (--bg --alt --ink --mute --accent --line --deco; Cormorant Garamond y DM Sans). Nada de estilos nuevos fuera de .p1172-* */
.p1172-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── las 5 tarjetas ── */
.p1172-tarjetas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.p1172-tarjeta{display:flex;flex-direction:column;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:24px 20px}
.p1172-tarjeta .etiqueta{margin:0 0 8px;font-size:12px;letter-spacing:.14em}
.p1172-tarjeta h3{font-size:26px;margin:0;min-height:2.3em;display:flex;align-items:flex-end}
.p1172-tarjeta .importe{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin:14px 0 2px;line-height:1.05}
.p1172-tarjeta .cifra{font-size:40px;line-height:1}
.p1172-tarjeta .periodo{font-size:15px;color:var(--mute)}
.p1172-nota{font-size:14px;line-height:1.4;color:var(--mute);margin:4px 0 0;min-height:2.8em}
.p1172-frase{font-size:16px;line-height:1.5;margin:14px 0 20px;flex:1}
.p1172-tarjeta .btn{width:100%;min-height:48px;padding:0 16px;margin-top:auto}
.p1172-tarjeta.destacada{border:2px solid var(--accent);box-shadow:0 0 0 4px var(--deco)}
.p1172-tarjeta.p1172-elegida{outline:3px solid var(--ink);outline-offset:3px}
.p1172-todos{margin:28px 0 0;font-size:17px}
.p1172-todos a{color:var(--ink);text-underline-offset:3px}
@media (max-width:1100px){.p1172-tarjetas{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899px){
  .p1172-tarjetas{grid-template-columns:minmax(0,1fr)}
  #precio .p1172-tarjeta.p1172-oculta{display:none!important}
  .p1172-tarjeta.p1172-elegida{outline:0}
  .p1172-tarjeta h3{min-height:0}.p1172-nota{min-height:0}
}
/* sin JS, en el móvil: las 5, una debajo de otra (no hay .p1172-oculta) */

/* ── la comparativa compacta: una línea por celda ── */
.p1172-cmp{table-layout:fixed;min-width:760px}
.p1172-cmp th,.p1172-cmp td{padding:12px 14px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p1172-cmp tbody th{white-space:normal;font-weight:500;width:30%}
.p1172-cmp thead th{font-size:21px}
.p1172-cmp td{text-align:center}
.p1172-si{font-size:20px;color:var(--accent);font-weight:500}
.p1172-no{color:var(--mute);opacity:.6}
.p1172-ver td a{color:var(--ink);font-size:15px;text-underline-offset:3px}
.p1172-cmp-pestanas{margin-top:24px}
@media (max-width:699px){
  .p1172-cmp[data-sel]{min-width:0}
  .p1172-cmp[data-sel] [data-c]:not(.p1172-col){display:none}
  .p1172-cmp[data-sel] tbody th{width:62%}
  .p1172-cmp[data-sel] td{white-space:normal}
  .p1172-cmp[data-sel] .kw{border-left:0;border-right:0}
}
@media (min-width:700px){.p1172-cmp-pestanas{display:none!important}}

/* ── las páginas de plan ── */
.p1172-miga{padding-top:20px;font-size:15px;color:var(--mute)}
.p1172-miga a{color:var(--ink);text-underline-offset:3px}
.p1172-hero h1 em{font-style:italic}
.p1172-caja{display:inline-block;margin-top:24px;padding:20px 24px;border:2px solid var(--accent);border-radius:6px;background:var(--bg);box-shadow:0 0 0 4px var(--deco);max-width:100%}
.p1172-caja .importe{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;line-height:1.05}
.p1172-caja .cifra{font-size:56px}
.p1172-caja .garantias{margin:12px 0 0}
.p1172-lleva .lineas,.p1172-saber .lineas{max-width:760px}
.p1172-pasos ol{list-style:none;counter-reset:p;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:24px 0 32px}
.p1172-pasos li{counter-increment:p;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:24px}
.p1172-pasos li::before{content:counter(p);font-family:"Cormorant Garamond",Georgia,serif;font-size:40px;color:var(--accent);line-height:1}
.p1172-pasos h3{font-size:24px;margin:8px 0}
.p1172-pasos p{margin:0;font-size:16px;color:var(--mute)}
.p1172-otros ul{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.p1172-otros ul a{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);text-decoration:none}
.p1172-otros ul a b{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:22px}
.p1172-otros ul a span{font-size:14px;color:var(--mute)}
.p1172-otros ul a[aria-current]{border:2px solid var(--accent);box-shadow:0 0 0 3px var(--deco)}
.p1172-otros ul a:hover{background:var(--alt)}
@media (max-width:899px){.p1172-pasos ol{grid-template-columns:minmax(0,1fr)}.p1172-otros ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.p1172-otros ul{grid-template-columns:minmax(0,1fr)}.p1172-caja{display:block}.p1172-caja .cifra{font-size:48px}}
/* retoques tras la 1.ª captura: el precio en columna en las tarjetas; la tabla con su primera columna fija y el precio en letra menor */
.p1172-tarjeta .importe{flex-direction:column;align-items:flex-start;gap:0}
.p1172-tarjeta .importe .periodo{margin:2px 0 0}
.p1172-cmp thead td{width:24%}
.p1172-cmp thead th{text-align:center}
.p1172-cmp tbody tr:first-child td{font-size:15px;white-space:normal}
@media (max-width:699px){.p1172-cmp[data-sel] thead td{width:58%}.p1172-cmp[data-sel]{margin-top:16px}}
.p1172-hero{padding-top:8px}.p1172-hero .seccion{padding-top:24px}

/* ── DOS FAMILIAS (PC 1176): KreoConfianza (3) y KreoWeb (2), cada una con su titular; nunca en la misma fila ── */
.p1172-familia{margin:0 0 40px;padding:28px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--bg) 55%,transparent)}
.p1172-fam-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 20px;margin:0 0 20px}
.p1172-fam-cab .etiqueta{margin:0;flex-basis:100%}
.p1172-fam-cab h3{font-size:clamp(28px,3.4vw,38px);margin:0}
.p1172-fam-donde{margin:0;color:var(--mute);font-size:16px}
.p1172-fam-kreoweb{border:2px solid var(--accent)}
.p1172-tarjetas.p1172-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.p1172-tarjetas.p1172-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.p1172-tarjeta h4{font-family:"Cormorant Garamond","Iowan Old Style",Georgia,serif;font-weight:500;font-size:28px;line-height:1.12;margin:0;color:var(--ink)}
.p1172-tarjeta h3{min-height:0}
.p1172-botones{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.p1172-botones .btn{flex:1 1 140px;width:auto;margin:0}
.p1172-pest-fam{flex:none;align-self:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);padding:0 2px 0 10px}
.p1172-pest-fam:first-child{padding-left:2px}
@media (max-width:899px){
  .p1172-tarjetas.p1172-n3,.p1172-tarjetas.p1172-n2{grid-template-columns:minmax(0,1fr)}
  #precio .p1172-familia.p1172-oculta{display:none}
  .p1172-familia{padding:20px 16px}
}
/* la comparativa: una tabla por familia, una debajo de otra */
.p1172-cmp-fam{margin:40px 0 0}
.p1172-cmp-fam h3{font-size:30px;margin:0}
.p1172-cmp-fam .etiqueta{margin:0 0 6px}
.p1172-cmp-fam .comparativa{margin-top:16px}
.p1172-cmp{min-width:0}
.p1172-cmp-2 thead td{width:40%}
@media (max-width:699px){.p1172-cmp[data-sel] thead td{width:58%}}
/* fase 2: lo oculto, oculto (un display de autor le gana a [hidden]); la franja de los planes, por familias; las tablas sin desbordar */
.p1172-precio [hidden],.p1172-cmp-sec [hidden],.p1172-hero [hidden],.p1172-otros [hidden]{display:none!important}
.p1172-otros-fam{margin:24px 0 0}
.p1172-otros-t{margin:0;font-size:16px;color:var(--mute)}
.p1172-otros-t b{color:var(--ink);font-weight:500}
.p1172-otros-fam ul{margin-top:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:899px){.p1172-otros-fam ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.p1172-otros-fam ul{grid-template-columns:minmax(0,1fr)}}
.p1172-cmp th,.p1172-cmp td{text-overflow:clip}
@media (max-width:699px){.p1172-cmp:not([data-sel]){min-width:560px}}