/* =====================================================================
   Estilos de la adecuación AAIP (Ley 25.326) — iaot.com.ar
   Archivo propio para no tocar style.css. Se enlaza en common/head.php con
   ?v=: al cambiarlo, subir ese valor (el servidor no manda Cache-Control).
   Basado en estilos/agregados-custom.css de la entrega de drgrangeat.
   ===================================================================== */

/* ── IAOT-02: enlaces legales del pie ("Política de privacidad · Configuración
   de cookies"). consentimiento.js los agrega al final del <footer>, debajo de
   la franja azul oscura, en una franja propia. ───────────────────────────── */
.drg-enlaces-legales {
	margin: 14px 0 0;
	font-size: 13px;
	text-align: center;
}
.drg-enlaces-legales a { text-decoration: underline; }

/* IAOT-05: franja y enlaces con los valores que pidió el usuario. */
footer .drg-enlaces-legales {
	margin: 0;
	padding: 14px;
	background-color: #0c3354;
	color: #fff;
}
footer .drg-enlaces-legales a,
footer .drg-enlaces-legales a:hover,
footer .drg-enlaces-legales a:focus {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}

/* ── IAOT-03: bloque legal del formulario (common/legal-formulario.php) ──────
   Los formularios heredan reglas del tema que deforman las casillas:
   ".padding input" (ancho 100%, alto 40px, fondo gris, margen con !important)
   y "#horizontal-form input" (ancho 100%, fondo blanco). "#horizontal-form p"
   pone los parrafos a 24px con 42px de margen. Por eso los !important y los
   selectores con #horizontal-form. ───────────────────────────────────────── */
.drg-bloque-legal { margin: 10px 0 12px; text-align: left; }
.drg-casilla {
	display: block;
	position: relative;
	padding-left: 26px;
	margin: 0 0 8px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.45;
	cursor: pointer;
}
.drg-casilla input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 3px;
	width: 16px !important;
	height: 16px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	cursor: pointer;
}
.drg-casilla span { display: block; }
.drg-casilla a { color: inherit; font-weight: 600; text-decoration: underline; }
.drg-error-consentimiento { margin: 2px 0 8px; color: #c9302c; font-weight: 600; font-size: 13px; }
.drg-error-consentimiento ul { margin: 0; padding-left: 18px; }

/* Formulario horizontal: fondo azul (#1f5697), texto blanco. */
#horizontal-form .drg-casilla { color: #fff; font-size: 13px; }
#horizontal-form .drg-error-consentimiento { color: #ffd6d6; }

/* ── IAOT-04: banner, política y anclas ─────────────────────────────────────
   Los dos botones del banner con el mismo peso visual (nota de la sección 5 de
   textos-legales.md): antes "Aceptar" era verde y "Rechazar" rojo. ───────── */
#cookie-consent-banner #cookie-accept-btn,
#cookie-consent-banner #cookie-decline-btn {
	background-color: #fff;
	color: #023c6c;
	border: 1px solid #fff;
	min-width: 110px;
}
#cookie-consent-banner #cookie-accept-btn:hover,
#cookie-consent-banner #cookie-decline-btn:hover,
#cookie-consent-banner #cookie-accept-btn:focus,
#cookie-consent-banner #cookie-decline-btn:focus {
	background-color: #e6e7e8;
	border-color: #e6e7e8;
}
/* En las páginas internas, reglas del tema para los <p> le ganan al blanco del
   banner y el texto quedaba gris sobre fondo oscuro, casi ilegible. */
#cookie-consent-banner .drg-banner-texto { color: #fff; font-weight: 600; line-height: 1.5; }

/* Política de privacidad */
.drg-vigencia { font-style: italic; color: #636466; }
.drg-tabla-cookies { font-size: 14px; }

/* El menú queda fijo arriba: aire para que el título no quede tapado al
   llegar por ancla (#derechos, #cookies). */
#derechos, #cookies { scroll-margin-top: 150px; }

/* ── Mensajes de error de los formularios (form_service.js): falta el
   reCAPTCHA o el servidor rechazó el envío (IAOT-H42). ───────────────────── */
.iaot-error-form { margin: 8px 0; color: #c9302c; font-weight: 600; font-size: 13px; text-align: left; }
.iaot-error-form ul { margin: 0; padding-left: 18px; }
#horizontal-form .iaot-error-form { color: #ffd6d6; }