/* IOplat. Comparativa por país (/comparativa/): la enlaza inc/comparativa.php. Prefijo cmp- para no chocar con
   css/style.css, que se carga antes. */
.cmp{color:var(--color-gray-800)}
.cmp h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-6)}
.cmp-cabecera{padding:calc(var(--space-24) + var(--space-4)) 0 var(--space-12);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}
.cmp-cabecera__rejilla{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:var(--space-12);align-items:start}
.cmp-cabecera h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-5);text-wrap:balance}
.cmp-entrada{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-gray-700);max-width:40rem;margin-bottom:var(--space-8)}
.cmp-acciones{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.cmp-migas ol{display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-6)}
.cmp-migas li+li::before{content:'›';margin-right:.5rem;color:var(--color-gray-500)}
.cmp-migas a{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px}

.cmp .cmp-paises__titulo{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--space-3)}
.cmp-paises ul{border-top:1px solid var(--color-gray-300)}
.cmp-paises a{display:flex;align-items:center;gap:.65rem;padding:.8rem 0;border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-800);transition:color var(--transition-fast)}
.cmp-paises a svg{flex-shrink:0}
.cmp-paises a:hover span{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px}
.cmp-paises a[aria-current="page"]{font-weight:700;color:var(--color-primary-dark)}

.cmp-seccion{padding-block:var(--space-16);border-bottom:1px solid var(--color-gray-200)}
.cmp-seccion--planes{border-bottom:0}
.cmp-ancho{max-width:var(--container-max)}

.cmp-avisos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:var(--space-8) var(--space-12)}
.cmp-avisos li{border-top:2px solid var(--color-gray-800);padding-top:var(--space-4)}
.cmp-avisos h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}
.cmp-avisos p{color:var(--color-gray-700);line-height:var(--line-height-relaxed)}

.cmp-tabla{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--font-size-sm);line-height:1.55}
.cmp-tabla th,.cmp-tabla td{padding:.9rem .85rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-gray-200)}
.cmp-tabla thead th{position:sticky;top:62px;z-index:1;background:var(--color-white);border-bottom:0;box-shadow:inset 0 -2px 0 var(--color-gray-800);font-size:var(--font-size-base);font-weight:700;color:var(--color-gray-900);overflow-wrap:break-word}
.cmp-tabla thead th.cmp-tabla__concepto{width:13%;color:var(--color-gray-600);font-weight:600}
.cmp-tabla thead th.is-io{color:var(--color-primary-dark)}
.cmp-tabla__sitio{display:block;margin-top:.2rem;font-size:var(--font-size-xs);font-weight:400;color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.cmp-tabla tbody th{font-weight:600;color:var(--color-gray-900)}
.cmp-tabla td{color:var(--color-gray-700);overflow-wrap:break-word}
.cmp-tabla td.is-io{background:var(--color-primary-subtle);color:var(--color-gray-900)}
.cmp-tabla td.is-na{color:var(--color-gray-500)}
.cmp-tabla td p{margin:0}
.cmp-lista{list-style:disc;padding-left:1.1rem;margin:0}
.cmp-lista li+li{margin-top:.35rem}
.cmp-tabla .cmp-fuente{margin-top:.55rem;font-size:var(--font-size-xs);color:var(--color-gray-600)}
.cmp-fuente a{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.cmp-nota{max-width:60rem;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-relaxed)}
.cmp-nota a{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}

.cmp-planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--color-gray-800)}
.cmp-plan{padding:var(--space-6) var(--space-6) var(--space-6) 0;border-bottom:1px solid var(--color-gray-200)}
.cmp-plan+.cmp-plan{padding-left:var(--space-6);border-left:1px solid var(--color-gray-200)}
.cmp-plan h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}
.cmp-plan__precio{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);font-variant-numeric:tabular-nums;margin:0}
.cmp-plan__precio span{font-size:var(--font-size-base);font-weight:500;color:var(--color-gray-600)}
.cmp-plan__anual{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:.15rem 0 var(--space-3)}
.cmp-plan p:last-child{color:var(--color-gray-700)}
.cmp-seccion--planes .cmp-acciones{margin-top:var(--space-8)}

@media (max-width:899px){
  .cmp-cabecera__rejilla{grid-template-columns:minmax(0,1fr);gap:var(--space-10)}
  .cmp-planes{grid-template-columns:minmax(0,1fr)}
  .cmp-plan,.cmp-plan+.cmp-plan{padding:var(--space-5) 0;border-left:0}
}
@media (max-width:820px){
  .cmp-tabla,.cmp-tabla tbody,.cmp-tabla tr,.cmp-tabla th,.cmp-tabla td{display:block;width:100%}
  .cmp-tabla thead{display:none}
  .cmp-tabla tbody tr{border-top:2px solid var(--color-gray-800);margin-bottom:var(--space-8)}
  .cmp-tabla tbody th{padding:.75rem 0;font-size:var(--font-size-lg);border-bottom:1px solid var(--color-gray-200)}
  .cmp-tabla td{padding:.85rem 0}
  .cmp-tabla td.is-io{padding-inline:.85rem}
  .cmp-tabla td::before{content:attr(data-label);display:block;margin-bottom:.25rem;font-size:var(--font-size-sm);font-weight:700;color:var(--color-gray-900)}
  .cmp-tabla td.is-io::before{color:var(--color-primary-dark)}
}