/**
 * Estilos del curso "Primeros Auxilios en Medio Acuático (PAMA)" — v3.0.
 *
 * Cargado solo en el front-end de contenido LearnDash (sfwd-topic,
 * sfwd-lessons, sfwd-courses) mediante wp_enqueue_scripts condicional en
 * hsg-curso-pama.php.
 *
 * Paleta corporativa HSG (Nexus/Hydra Teal):
 *   Acento         #01696F  (borde/CTAs)
 *   Acento fondo   #E6F1F2  (fondo suave callouts y casos)
 *   Acento hover   #0C4E54
 *   Aviso          #964219  (naranja quemado)
 *   Aviso fondo    #FFF8EC
 *   Texto          #28251D
 *   Muted          #7A7974
 */

/* -------------------------------------------------------------------
 * Caja de descarga del manual PDF al final de cada Topic online.
 * ------------------------------------------------------------------- */
.hsg-download-box {
	margin: 2em 0 1em;
	padding: 1.25em 1.5em;
	border-left: 4px solid #01696F;
	background: #E6F1F2;
	border-radius: 4px;
	color: #28251D;
}

.hsg-download-box p {
	margin: 0 0 0.6em;
	color: #28251D;
}

.hsg-download-box p:last-child {
	margin-bottom: 0;
}

.hsg-download-box__btn {
	display: inline-block;
	padding: 0.6em 1.2em;
	background: #01696F;
	color: #ffffff !important;
	text-decoration: none;
	border-radius: 4px;
	font-weight: 600;
	transition: background-color 0.15s ease-in-out;
}

.hsg-download-box__btn:hover,
.hsg-download-box__btn:focus {
	background: #0C4E54;
	color: #ffffff !important;
	text-decoration: none;
}

/* -------------------------------------------------------------------
 * Callout (aviso/nota importante).
 * ------------------------------------------------------------------- */
.hsg-callout {
	margin: 1.5em 0;
	padding: 1em 1.25em;
	border-left: 4px solid #964219;
	background: #FFF8EC;
	border-radius: 4px;
	color: #28251D;
}

.hsg-callout strong {
	color: #964219;
}

/* -------------------------------------------------------------------
 * Caso clínico integrado en submódulos (v3).
 * ------------------------------------------------------------------- */
.hsg-caso {
	margin: 1.75em 0;
	padding: 1.25em 1.5em;
	background: #F7F6F2;
	border: 1px solid #D4D1CA;
	border-left: 4px solid #01696F;
	border-radius: 4px;
	color: #28251D;
}

.hsg-caso h4,
.hsg-caso .hsg-caso__titulo {
	margin: 0 0 0.5em;
	color: #01696F;
	font-size: 1.05em;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.hsg-caso p {
	margin: 0.6em 0;
}

.hsg-caso ol,
.hsg-caso ul {
	margin: 0.6em 0 0.6em 1.5em;
}

.hsg-caso .hsg-caso__comentario {
	margin-top: 1em;
	padding-top: 0.75em;
	border-top: 1px dashed #D4D1CA;
	font-style: italic;
	color: #7A7974;
}

/* -------------------------------------------------------------------
 * Tabla de referencia (algoritmos, cuadros comparativos).
 * ------------------------------------------------------------------- */
.hsg-tabla {
	width: 100%;
	margin: 1.5em 0;
	border-collapse: collapse;
	font-size: 0.95em;
	color: #28251D;
}

.hsg-tabla th,
.hsg-tabla td {
	padding: 0.6em 0.85em;
	border: 1px solid #D4D1CA;
	vertical-align: top;
	text-align: left;
}

.hsg-tabla thead th {
	background: #01696F;
	color: #ffffff;
	font-weight: 600;
	border-color: #01696F;
}

.hsg-tabla tbody tr:nth-child(even) td {
	background: #F9F8F5;
}

.hsg-tabla tbody tr:hover td {
	background: #E6F1F2;
}

/* Responsividad básica para móvil. */
@media (max-width: 640px) {
	.hsg-tabla,
	.hsg-tabla thead,
	.hsg-tabla tbody,
	.hsg-tabla th,
	.hsg-tabla td,
	.hsg-tabla tr {
		display: block;
	}
	.hsg-tabla thead {
		display: none;
	}
	.hsg-tabla tbody tr {
		margin-bottom: 1em;
		border: 1px solid #D4D1CA;
		border-radius: 4px;
	}
	.hsg-tabla tbody td {
		border: none;
		border-bottom: 1px solid #D4D1CA;
	}
	.hsg-tabla tbody td:last-child {
		border-bottom: none;
	}
}