.skip-link-agua{
    position:fixed;top:10px;left:12px;z-index:10050;transform:translateY(-180%);
    background:#fff;color:#0f172a;border:3px solid #0284c7;border-radius:10px;
    padding:10px 14px;font-weight:700;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.2);
}
.skip-link-agua:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
    outline:3px solid #0f6fa8 !important;outline-offset:3px;
}
.grupo-pregunta-label{display:block;margin:0 0 8px;font-weight:600;color:#0f172a}
.ayuda-formulario,.campos-obligatorios{color:#53657d;font-size:.92rem;line-height:1.55}
.ayuda-formulario{margin:6px 0 12px}.campos-obligatorios{margin:0 0 20px}
.enlace-footer-boton{border:0;background:transparent;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
.video-consent-placeholder{
    width:100%;height:100%;min-height:420px;display:flex;flex-direction:column;
    align-items:center;justify-content:center;text-align:center;gap:14px;padding:28px;
    background:linear-gradient(145deg,#eaf7fd,#f8fbfd);color:#334155;
}
.video-consent-placeholder p{margin:0;max-width:300px;line-height:1.55}
.video-consent-icon{
    width:58px;height:58px;display:grid;place-items:center;border-radius:50%;
    background:#0284c7;color:#fff;font-size:1.35rem;
}
.video-consent-button{
    border:0;border-radius:10px;padding:11px 16px;background:#0f172a;color:#fff;font-weight:700;cursor:pointer;
}
[aria-invalid="true"]{border-color:#b91c1c !important}
@media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto !important}
    *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}
@media (max-width:700px){.video-consent-placeholder{min-height:360px;padding:22px}}

.video-consent-config-link{
    border:0;
    background:transparent;
    padding:2px 4px;
    color:#475569;
    text-decoration:underline;
    font:inherit;
    font-size:.9rem;
    cursor:pointer;
}
.video-consent-config-link:hover{
    color:#0f172a;
}


/* El iframe de YouTube no debe interceptar clics antes del consentimiento */
.hero-video-inner iframe[data-cookie-category="external"]:not([src]) {
    display: none !important;
}

/* El placeholder debe quedar por encima y ser plenamente interactivo */
.video-consent-placeholder {
    position: relative;
    z-index: 3;
}

.video-consent-button,
.video-consent-config-link {
    position: relative;
    z-index: 4;
    pointer-events: auto;
}


/* Corrección v6:
   cuando el usuario autoriza YouTube, cookies.js marca el placeholder como hidden.
   Como .video-consent-placeholder usa display:flex, debemos respetar explícitamente
   el atributo hidden para que deje paso al iframe. */
.video-consent-placeholder[hidden],
[data-external-placeholder][hidden] {
    display: none !important;
}

/* Una vez autorizado y cargado el src, el iframe vuelve a mostrarse normalmente. */
.hero-video-inner iframe[data-cookie-category="external"][src] {
    display: block !important;
}