/* Comparativa de precios por destino (functions/price-comparison.php).
   Mismo lenguaje visual que .product-comparison: logos arriba, columna
   GIGAPANDA en amarillo de marca. <table> real por accesibilidad/IA. */

.price-compare{width:100%}
.price-compare h2{margin:0 0 22px;font-family:"GP-Black",sans-serif;font-size:32px;line-height:38px;color:#1e1e1e}

/* El scroll vive en el contenedor, nunca en el body (móvil). */
.price-compare__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Por si el tema no trae .screen-reader-text (el caption es solo para AT/IA). */
.price-compare caption.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

.price-compare__table{width:100%;min-width:520px;border-collapse:collapse}
.price-compare__table th,
.price-compare__table td{padding:12px;border-bottom:1px solid #d8d8d8;font-family:"GP-Bold",sans-serif;font-size:14px;color:#1e1e1e;text-align:center;min-height:48px}

/* Primera columna: etiqueta del plan, alineada a la izquierda y pegajosa
   al hacer scroll horizontal para no perder el contexto. */
.price-compare__plan{position:sticky;left:0;background:#fff;text-align:left !important;font-family:"GP-Book",sans-serif !important;min-width:150px;z-index:1}
thead .price-compare__plan{font-family:"GP-Bold",sans-serif !important}

.price-compare__brand img{display:inline-block;width:auto;max-width:110px;max-height:56px;object-fit:contain;vertical-align:middle}
.price-compare__brand--gp img{max-width:150px}

/* Contraste tipográfico: precios de la competencia en GP-Book (peso normal);
   el de GIGAPANDA queda como el ÚNICO en GP-Bold, sobre amarillo y 1px mayor. */
td.price-compare__cell{font-family:"GP-Book",sans-serif;font-weight:400}
.price-compare__col--gp{background:#f9ca24}
td.price-compare__col--gp{font-family:"GP-Bold",sans-serif;font-weight:700;font-size:15px}

.price-compare__note{margin:12px 0 0;font-family:"GP-Book",sans-serif;font-size:12.5px;line-height:1.5;color:#5f5f5f}

@media (max-width: 700px){
	.price-compare h2{font-size:24px;line-height:30px}
	.price-compare__table th,
	.price-compare__table td{padding:9px 8px;font-size:12.5px}
	.price-compare__plan{min-width:128px}
	.price-compare__brand img{max-width:76px;max-height:30px}
	.price-compare__brand--gp img{max-width:100px}
}

/* Asterisco de "precio convertido" (soles) y su aclaración al pie. La marca va
   pequeña y sin subrayado punteado del <abbr> por defecto, para que no parezca
   un error; la nota se separa en su propia línea porque es la que sostiene la
   honestidad de la comparación (Kevin, 2026-08-21). */
.price-compare__conv{margin-left:1px;border:0;text-decoration:none;font-size:11px;color:#8a8a8a;cursor:help}
.price-compare__note-conv{display:block;margin-top:6px}