/*************************************************************************
 * Compilador de hojas de estilos CSS
 * Diputación Provincial de Huelva
 *************************************************************************
 * Fichero compilado (comprimido): /var/www/iph/css/portada-publica.css
 * Fichero compilado (expandido):  /var/www/iph/css/portada-publica-exp.css
 * Ruta fuentes:                   /var/www/iph/css/scss/portada-publica
 * Base del fuente:                /var/www/iph/css/scss/portada-publica/portada-publica.scss
 *************************************************************************
 * Fecha compilación:  2026-10-16 11:51:54
 *************************************************************************/
@font-face{font-family:"Roboto";src:url("/css/fuentes/Roboto-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:url("/css/fuentes/Roboto-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:url("/css/fuentes/Roboto-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--fuente-principal: "Roboto", "Segoe UI", Arial, sans-serif}:root{--color-principal: #265eb4;--color-principal-secundario: #3977d5;--color-principal-oscuro: #1e4b90;--color-principal-fondo: #bbd0f1;--color-texto: #0f172a;--color-texto-suave: #64748b;--color-texto-sobre-principal: #ffffff;--color-superficie: #ffffff;--color-superficie-secundaria: #f8fafc;--color-borde: rgba(15,23,42,.10);--color-borde-principal: rgba($colorPrincipal, .20);--color-focus: rgba($colorPrincipal, .22);--color-error: #dc1824;--radio-control: 12px;--radio-tarjeta: 18px;--radio-pildora: 999px;--sombra-suave: 0 10px 24px rgba(15,23,42,.10);--sombra-fuerte: 0 18px 40px rgba(15,23,42,.16);--sombra-principal: 0 12px 28px rgba($colorPrincipal, .22)}:root{--color-principal: #3e7ad6;--color-principal-oscuro: #1f4d94;--color-texto: #ecf2ff;--color-texto-secundario: #cfdaf0;--sombra-fuerte: 0 30px 70px rgba(0,0,0,.42);--fondo-cuerpo: #071325;--fondo-seccion: rgba(9, 21, 40, .88);--borde-suave: rgba(255,255,255,.14)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--fuente-principal);background:radial-gradient(circle at 20% 20%, #12315f 0%, #071325 45%, #040b18 100%);color:var(--color-texto);scroll-behavior:smooth}a{color:inherit}.hero{position:relative;min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.09)}.hero-carrusel{position:absolute;inset:0;z-index:0;background:#030813}.capa-fondo{position:absolute;inset:0;background-size:cover;background-position:center center;opacity:0;transform:scale(1.06) rotate(0.3deg);filter:saturate(1.15) contrast(1.08) brightness(0.8);transition:opacity 1.2s ease,transform 7s linear,filter 1.6s ease,clip-path 1.5s cubic-bezier(0.2, 0.7, 0.2, 1);clip-path:circle(0% at 85% 15%);will-change:transform,opacity,clip-path}.capa-fondo.activa{opacity:1;transform:scale(1.02) rotate(0deg);clip-path:circle(150% at 50% 50%);filter:saturate(1.2) contrast(1.15) brightness(0.92);z-index:2}.capa-fondo.saliente{opacity:0;transform:scale(0.96) rotate(-0.4deg);filter:blur(10px) brightness(0.62);clip-path:circle(0% at 20% 80%);z-index:1}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%, rgba(35, 119, 255, 0.34), rgba(4, 13, 28, 0.08) 45%),linear-gradient(120deg, rgba(4, 12, 24, 0.88) 0%, rgba(4, 12, 24, 0.48) 45%, rgba(4, 12, 24, 0.88) 100%);z-index:3}.hero-contenido{position:relative;z-index:4;min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.2rem,3vw,2.2rem)}.fila-superior{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.marca{display:inline-flex;align-items:center;gap:.9rem;backdrop-filter:blur(10px);background:rgba(0,0,0,.32);border:1px solid var(--borde-suave);border-radius:1rem;padding:.7rem .9rem;box-shadow:0 10px 25px rgba(0,0,0,.25)}.marca img{width:40px;height:40px}.marca strong{display:block;font-size:1rem;letter-spacing:.2px}.marca span{display:block;font-size:.82rem;color:var(--color-texto-secundario)}.botonera{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.boton-hero{border:1px solid rgba(255,255,255,.28);background:rgba(3,13,27,.48);color:#fff;padding:.74rem 1.12rem;border-radius:999px;text-decoration:none;font-weight:600;letter-spacing:.2px;transition:transform .18s ease,background .25s ease,border-color .25s ease;backdrop-filter:blur(8px)}.boton-hero:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.5);background:rgba(12,33,63,.72)}.boton-ayuda-nueva{position:relative;display:inline-flex;align-items:center;gap:.38rem}.icono-ayuda-nueva{font-size:.72rem}.insignia-ayuda-nueva{display:none;padding:.18rem .42rem;border-radius:999px;background:#fff;color:var(--color-principal-oscuro);font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.boton-ayuda-nueva.ayuda-nueva-destacada{border-color:rgba(255,255,255,.82);background:linear-gradient(140deg, rgba(30, 103, 183, 0.96), rgba(16, 57, 108, 0.96));box-shadow:0 0 0 0 rgba(151,195,255,.58);animation:reclamo-ayuda-nueva .9s ease-out 3}.boton-ayuda-nueva.ayuda-nueva-destacada .insignia-ayuda-nueva{display:inline-block}@keyframes reclamo-ayuda-nueva{50%{box-shadow:0 0 0 7px rgba(151,195,255,0);transform:translateY(-2px) scale(1.025)}}@media(prefers-reduced-motion: reduce){.boton-ayuda-nueva.ayuda-nueva-destacada{animation:none}}.boton-hero-principal{background:linear-gradient(140deg, var(--color-principal), var(--color-principal-oscuro));border-color:rgba(255,255,255,.36)}.bloque-titular{max-width:740px;margin:auto 0 0 0;background:linear-gradient(130deg, rgba(7, 18, 34, 0.67), rgba(7, 18, 34, 0.32));border:1px solid rgba(255,255,255,.2);border-radius:1.2rem;padding:clamp(1rem,2.8vw,2rem);box-shadow:var(--sombra-fuerte);backdrop-filter:blur(9px)}.bloque-titular h1{margin:0;line-height:1.08;font-size:clamp(2rem,5vw,4rem)}.bloque-titular p{margin:1rem 0 0 0;color:#d5e3ff;font-size:clamp(1rem,2vw,1.28rem);max-width:62ch}main{position:relative;z-index:5;background:linear-gradient(180deg, rgba(20, 48, 87, 0.78), rgba(18, 44, 80, 0.92) 220px)}.zona-contenido{width:min(1120px,100% - 2rem);margin:0 auto;padding:clamp(1.8rem,4vw,3.2rem) 0 4rem;display:grid;gap:1.1rem}.tarjeta-seccion{display:grid;grid-template-columns:1fr 360px;gap:1.1rem;align-items:stretch;background:linear-gradient(150deg, rgba(54, 92, 146, 0.72), rgba(39, 76, 128, 0.6));border:1px solid rgba(255,255,255,.22);border-radius:1rem;overflow:hidden;box-shadow:0 18px 35px rgba(0,0,0,.25)}.tarjeta-seccion:nth-child(even){grid-template-columns:360px 1fr}.tarjeta-seccion:nth-child(even) .texto-seccion{order:2}.tarjeta-seccion:nth-child(even) .imagen-seccion{order:1}.texto-seccion{padding:clamp(1.1rem,2.4vw,1.8rem)}.texto-seccion h2{margin:0;font-size:clamp(1.3rem,2.3vw,1.85rem)}.texto-seccion p{margin-top:.78rem;color:#d4e2ff;line-height:1.5}.lista-beneficios{margin:1rem 0 0 0;padding-left:1.1rem;color:#d9e7ff}.lista-beneficios li{margin-bottom:.45rem}.enlaces-seccion{margin-top:1rem;display:flex;gap:.6rem;flex-wrap:wrap}.enlaces-seccion a{text-decoration:none;padding:.5rem .8rem;border-radius:.7rem;background:rgba(26,71,130,.58);border:1px solid rgba(151,195,255,.35);font-weight:600;font-size:.9rem}.imagen-seccion{min-height:260px;background-size:cover;background-position:center;position:relative}.imagen-seccion::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.52))}.tarjeta-ayuda{grid-template-columns:360px 1fr}.tarjeta-ayuda .formacion-ayuda{order:1;min-height:300px;isolation:isolate;background-position:center}.tarjeta-ayuda .texto-seccion{order:2}.formacion-ayuda::after{z-index:-1;background:linear-gradient(145deg, rgba(5, 24, 49, 0.64), rgba(9, 45, 86, 0.9))}.portada-formacion{width:100%;min-height:300px;padding:1.25rem;border:0;color:#fff;background:rgba(0,0,0,0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;text-align:center;font:inherit;cursor:pointer}.portada-formacion[hidden],.reproductor-formacion[hidden],.video-no-disponible[hidden],.marco-video video[hidden]{display:none}.etiqueta-formacion{text-transform:uppercase;letter-spacing:.12em;color:#cfe2ff;font-size:.78rem;font-weight:700}.portada-formacion strong{font-size:1.3rem;line-height:1.18}.icono-reproducir{width:56px;height:56px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(20,74,138,.82);display:inline-flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 10px 24px rgba(0,0,0,.3);transition:transform .2s ease,background .2s ease}.portada-formacion:hover .icono-reproducir{transform:scale(1.06);background:var(--color-principal)}.resumen-formacion,.progreso-portada{color:#d6e6ff;font-size:.9rem}.progreso-portada{letter-spacing:.18rem}.accion-formacion{font-size:.82rem;font-weight:700;text-decoration:underline}.portada-formacion:focus-visible,.reproductor-formacion button:focus-visible{outline:3px solid #fff;outline-offset:-4px}.reproductor-formacion{min-height:300px;padding:.75rem;background:rgba(4,15,31,.94);display:flex;flex-direction:column;gap:.55rem}.cabecera-reproductor{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#cfe2ff;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cerrar-formacion{border:0;background:rgba(0,0,0,0);color:#dbe9ff;padding:.35rem;cursor:pointer}.marco-video{aspect-ratio:16/9;background:#02060c;border-radius:.55rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.marco-video video{width:100%;height:100%;background:#000}.video-no-disponible{margin:0;padding:1rem;color:#d6e6ff;text-align:center}.datos-pildora{display:flex;flex-direction:column;gap:.15rem}.datos-pildora span{color:#a9c5ed;font-size:.78rem}.datos-pildora strong{font-size:.95rem}.navegacion-pildoras{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:.35rem;margin-top:auto}.navegacion-pildoras>button,.indicador-pildora{min-width:36px;min-height:36px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(22,65,119,.68);color:#fff;cursor:pointer}.navegacion-pildoras>button:disabled{opacity:.35;cursor:default}.indicadores-pildoras{display:flex;justify-content:center;gap:.35rem}.indicador-pildora{min-width:26px;min-height:26px;width:26px;height:26px;padding:0;font-size:.7rem}.indicador-pildora.completada{background:#3977bd}.indicador-pildora.completada::after{content:"✓";margin-left:1px;font-size:.62rem}.indicador-pildora.actual{border:3px solid #fff;font-weight:700}.llamada-formacion{margin-bottom:0;font-size:.92rem}.pie-ayuda{margin-top:.6rem;color:#b6ccef;font-size:.95rem;line-height:1.45}#modalError{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:100;background:rgba(2,8,17,.75);backdrop-filter:blur(4px)}.modal-panel{width:min(92vw,530px);background:#08162e;border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.2rem;box-shadow:0 30px 55px rgba(0,0,0,.4)}.modal-panel h3{margin:0 0 .6rem 0}.modal-panel p{margin:0;color:#d6e6ff;line-height:1.45}.modal-acciones{margin-top:1rem;display:flex;justify-content:flex-end;gap:.55rem}.modal-acciones button{border:1px solid rgba(255,255,255,.25);background:rgba(11,36,70,.7);color:#fff;border-radius:.65rem;padding:.5rem .88rem;cursor:pointer}.boton-subir{position:fixed;right:1.2rem;bottom:1.2rem;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:linear-gradient(140deg, rgba(25, 76, 140, 0.92), rgba(16, 57, 108, 0.95));color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 16px 28px rgba(0,0,0,.35);cursor:pointer;z-index:90;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}.boton-subir.visible{opacity:1;visibility:visible;transform:translateY(0)}.boton-subir svg{width:22px;height:22px;stroke:currentColor}@media(max-width: 960px){.tarjeta-seccion,.tarjeta-seccion:nth-child(even){grid-template-columns:1fr}.tarjeta-seccion:nth-child(even) .texto-seccion,.tarjeta-seccion:nth-child(even) .imagen-seccion{order:initial}.tarjeta-ayuda{grid-template-columns:1fr}.tarjeta-ayuda .formacion-ayuda{order:1;min-height:300px}.tarjeta-ayuda .texto-seccion{order:2}.imagen-seccion{min-height:220px}}@media(max-width: 420px){.indicadores-pildoras{gap:.2rem}.indicador-pildora{min-width:30px;min-height:30px;width:30px;height:30px}.reproductor-formacion{padding:.6rem}}@media(prefers-reduced-motion: reduce){.icono-reproducir{transition:none}}