/**
 * Reseñas de casas: la tarjeta «Cómo probamos».
 *
 * POR QUÉ ESTO NO ESTÁ EN guias.css
 * `guias.css` tiene la tarjeta `.gdm-metodo`, que es exactamente esto, pero la hoja
 * entera sólo se carga cuando el contenido trae la clase `gdm-guia` —así está escrito
 * en inc/guias.php— y arrastraría el resto de la maquetación de las guías: fichas,
 * balances, tablas, pasos. Una reseña no las usa, así que se paga el peso sin verlo.
 *
 * Aquí va lo mínimo, y se carga sólo en las reseñas que traen la tarjeta.
 *
 * QUÉ ES Y DÓNDE VA
 * El bloque que dice al lector qué hicimos antes de escribir: con qué IP abrimos el
 * sitio, qué miramos y —sobre todo— qué NO pudimos comprobar. Va pegado al final de la
 * introducción, antes del primer H2, porque es ahí donde responde a la pregunta que
 * cualquiera se hace al llegar a una reseña: «¿esto lo han visto o lo han copiado?».
 *
 * No es un encabezado. Se probó como H2 el 17/9/2026 y competía con los capítulos de
 * verdad en el índice del artículo: ocupaba un renglón del sumario para hablar de
 * nosotros en vez de de la casa.
 */

.gdm-probamos {
	margin: 28px 0;
	padding: 18px 22px;
	border-left: 4px solid #1f6feb;
	border-radius: 6px;
	background: #f1f5fd;
	font-size: 15px;
	line-height: 1.6;
}

.gdm-probamos p {
	margin: 0;
}

.gdm-probamos p + p {
	margin-top: 10px;
}

/* El título va como <b> en el primer párrafo y no como encabezado propio, para que no
   entre en el índice que genera el plugin a partir de los <h2>. */
.gdm-probamos__t {
	color: #14459e;
}

/* Modo oscuro: sólo bajo el interruptor del sitio, nunca con prefers-color-scheme.
   Esa media query responde al sistema operativo del visitante y no al botón de la
   página, y dejaba módulos con fondo claro y texto claro —o al revés— a quien tuviera
   el móvil en oscuro con el sitio en claro. Se corrigió en toda la hoja el 13/9/2026. */
html[data-wp-dark-mode-active] .gdm-probamos {
	border-left-color: #58a6ff;
	background: rgba(88, 166, 255, .08);
}

html[data-wp-dark-mode-active] .gdm-probamos__t {
	color: #9ecbff;
}

@media (max-width: 600px) {
	.gdm-probamos {
		padding: 14px 16px;
		font-size: 14px;
	}
}

/* Tablas de depósitos y retiros de las reseñas.
 *
 * El estilo de `.gdm-tabla` vive en guias.css, que no se carga en las reseñas, y aquí las
 * tablas salían sin bordes ni cabecera marcada. Estas tienen dos o tres columnas, así que
 * siguen siendo tabla también en el móvil (en las guías, con cinco, pasan a tarjetas). Las
 * cifras y plazos no se parten: «2.500 / CLP» en dos renglones no se compara en columna.
 * Todas las reglas van bajo `.gdm-tabla-caja` para no pisar la hoja de las guías. */
.gdm-tabla-caja {
	overflow-x: auto;
	margin: 1.2em 0 1.6em;
}

.gdm-tabla-caja .gdm-tabla {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.45;
}

.gdm-tabla-caja .gdm-tabla caption {
	margin-bottom: .6em;
	font-weight: 700;
	text-align: left;
}

.gdm-tabla-caja .gdm-tabla th,
.gdm-tabla-caja .gdm-tabla td {
	padding: 9px 10px;
	border-bottom: 1px solid rgba(128, 128, 128, .18);
	text-align: left;
	vertical-align: middle;
}

.gdm-tabla-caja .gdm-tabla thead th {
	border-bottom: 2px solid rgba(128, 128, 128, .28);
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.gdm-tabla-caja .gdm-tabla tbody th {
	font-weight: 700;
}

.gdm-tabla-caja .gdm-tabla td {
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.gdm-tabla-caja .gdm-tabla tbody tr:nth-child(even) {
	background: rgba(128, 128, 128, .05);
}

@media (max-width: 600px) {
	.gdm-tabla-caja .gdm-tabla {
		font-size: 13px;
	}

	.gdm-tabla-caja .gdm-tabla th,
	.gdm-tabla-caja .gdm-tabla td {
		padding: 7px 4px;
	}

	.gdm-tabla-caja .gdm-tabla thead th {
		font-size: 10px;
		letter-spacing: .02em;
	}

	/* Con cuatro columnas (Betsala) no caben 366 px sin partir: el texto de la última
	   columna puede ir en dos renglones; las cifras siguen enteras. */
	.gdm-tabla-caja .gdm-tabla td:last-child {
		white-space: normal;
	}
}