/* =========================================================================
   ESTILOS DE LA VISTA politica-de-cookies.php
   (partials/header.php enlaza css/paginas/<nombre del script>.css si existe)
   ========================================================================= */

/* ---------- Tabla de cookies en movil ----------
   Cuatro columnas no caben a lo ancho de un movil: cada fila pasa a ser una
   ficha con un dato por linea y su etiqueta delante
       Cookie: PHPSESSID
       Tipo: Propia
       Duracion: Sesion
       Descripcion: ...
   Las etiquetas salen por CSS segun la posicion de la celda (las columnas
   son siempre las mismas y en el mismo orden). Solo la tabla de la pagina:
   el panel de cookies (secciones/cookies2026.php) tiene la suya. */
@media (max-width: 767.98px) {
	.organization-section #tabla_cookies table,
	.organization-section #tabla_cookies thead,
	.organization-section #tabla_cookies tbody,
	.organization-section #tabla_cookies tr,
	.organization-section #tabla_cookies th,
	.organization-section #tabla_cookies td {
		display: block;
		width: 100%;
	}

	/* Fila de cabeceras (Cookie | Tipo | Duracion | Descripcion): ya van en
	   cada dato. Se queda la del grupo ("Cookies Funcionales"...) */
	.organization-section #tabla_cookies thead tr:nth-child(2) {
		display: none;
	}

	.organization-section #tabla_cookies thead th {
		padding: 8px 10px;
		margin-top: 16px;
	}

	.organization-section #tabla_cookies tbody tr {
		padding: 8px 0;
		border-bottom: 2px solid #fff;
	}

	.organization-section #tabla_cookies tbody td {
		padding: 3px 10px;
		font-size: 90%;
		line-height: 1.4;
	}

	.organization-section #tabla_cookies tbody td::before {
		color: #334050;
		font-weight: 700;
	}

	.organization-section #tabla_cookies tbody td:nth-child(1)::before { content: "Cookie: "; }
	.organization-section #tabla_cookies tbody td:nth-child(2)::before { content: "Tipo: "; }
	.organization-section #tabla_cookies tbody td:nth-child(3)::before { content: "Duraci\00F3n: "; }
	.organization-section #tabla_cookies tbody td:nth-child(4)::before { content: "Descripci\00F3n: "; }
}