#ayudas.ayudas-online { --ayudas-rosa: #bf3878; color: #394b58; background: linear-gradient(155deg, #f5faf8, #faf7f9 65%, #f6f8f8); padding-bottom: 48px; }
#ayudas .ayudas-banner { padding: 40px 0; color: #fff; box-shadow: 0 4px 10px #00000014; }
#ayudas .ayudas-banner h1 { font-family: 'Roboto Condensed', Newake, sans-serif; color: #fff; font-weight: 800; font-size: calc(1.8rem + 1.2vw); line-height: 1.1; letter-spacing: .5px; margin: 0 0 5px; }
#ayudas .ayudas-banner p { margin: 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #fff; font-size: calc(1rem + .4vw); line-height: 1.2; letter-spacing: .5px; }
#ayudas .ayudas-contenido { padding-top: 12px; }
#ayudas .ayudas-filtros { color: #fff; background: linear-gradient(120deg, #394b58, #2c414c); border: 1px solid #5dcbac; border-radius: 12px; padding: 24px; box-shadow: 0 4px 18px #394b5808; }
#ayudas .ayudas-label { color: #fff; display: block; font-weight: 600; margin-bottom: 8px; }
#ayudas .ayudas-buscador { display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 16px; border: 1px solid #71868d; border-radius: 8px; background: #243943; color: #fff; }
#ayudas .ayudas-buscador:focus-within { outline: 2px solid #5dcbac; outline-offset: 2px; }
#ayudas .ayudas-buscador input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #fff; font: inherit; }
#ayudas .ayudas-boton { padding: 10px 18px; border: 1px solid #5dcbac; border-radius: 8px; background: #5dcbac; color: #263943; font: inherit; font-weight: 600; cursor: pointer; }
#ayudas .ayudas-boton:hover { background: #83d8bf; }
#ayudas .ayudas-programas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
#ayudas .ayudas-filtro { display: inline-flex; padding: 9px 15px; border: 1px solid #809b9f; border-radius: 8px; background: #ffffff0d; color: #fff; text-decoration: none; font-size: .95rem; }
#ayudas .ayudas-filtro:hover { background: #ffffff1f; color: #fff; border-color: #5dcbac; }
#ayudas .ayudas-filtro.activo { color: #243943; background: #5dcbac; border-color: #5dcbac; font-weight: 700; }
#ayudas .ayudas-ultimas { color: #fff; background: var(--ayudas-rosa); border-color: var(--ayudas-rosa); font-weight: 700; }
#ayudas .ayudas-ultimas:hover { color: #fff; background: #a52e67; border-color: #a52e67; }
#ayudas .ayudas-ultimas.activo { color: #fff; background: var(--ayudas-rosa); border-color: var(--ayudas-rosa); }
#ayudas a:focus-visible, #ayudas button:focus-visible { outline: 3px solid #5dcbac; outline-offset: 3px; }
#ayudas .ayudas-nota { color: #546772; font-size: .95rem; line-height: 1.6; margin: 16px 0 0; }
#ayudas .ayudas-listado { margin-top: 32px; }
#ayudas .ayudas-listado h2 { font-family: 'Roboto Condensed', 'Roboto', Arial, sans-serif; font-weight: 700; font-size: 1.8rem; color: #394b58; margin: 0; padding-left: 12px; border-left: 3px solid var(--ayudas-rosa); }
#ayudas .ayudas-tabla { margin-top: 20px; border: 1px solid #a8daca; border-top: 3px solid #bf387850; border-radius: 10px; overflow-x: auto; background: #fff; box-shadow: 0 3px 12px #394b5806; }
#ayudas .ayudas-tabla table { width: 100%; border-collapse: collapse; margin: 0; }
#ayudas .ayudas-tabla th { text-align: left; padding: 18px 22px; color: #394b58; background: #f0f6f3; }
#ayudas .ayudas-tabla th:first-child { width: 25%; }
#ayudas .ayudas-tabla td { padding: 20px 22px; border-top: 1px solid #e6eeeb; line-height: 1.6; }
#ayudas .ayudas-tabla tbody tr:hover { background: #5dcbac09; }
#ayudas .ayudas-programa { font-weight: 600; }
#ayudas .ayudas-tema { overflow-wrap: anywhere; }
#ayudas .ayudas-tema a { color: #394b58; text-decoration: none; }
#ayudas .ayudas-tema a:hover { color: #9b2c61; text-decoration: underline; }
#ayudas .ayudas-video { display: inline-flex; margin-left: 8px; padding: 3px 8px; border-radius: 6px; color: #9b2c61; background: #bf387810; vertical-align: middle; }
#ayudas .ayudas-abrir { display: inline-flex; gap: 10px; white-space: nowrap; color: #394b58; border: 1px solid #c8e7de; border-radius: 8px; padding: 7px 12px; background: #f4fbf8; text-decoration: none; font-weight: 600; font-size: .9rem; }
#ayudas .ayudas-abrir:hover { background: #def5ed; }
#ayudas .ayudas-vacio { margin-top: 20px; padding: 24px; background: #fff; border-radius: 10px; }
#ayudas .ayudas-recursos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
#ayudas .ayudas-recursos a { display: flex; flex-direction: column; gap: 8px; border: 1px solid #dce7e3; border-top: 3px solid #5dcbac; border-radius: 10px; background: #fff; padding: 20px; color: #394b58; text-decoration: none; }
#ayudas .ayudas-recursos a:nth-child(2) { border-top-color: var(--ayudas-rosa); }
#ayudas .ayudas-recursos a:hover { box-shadow: 0 4px 16px #394b580c; }
#ayudas .ayudas-recursos a > span { font-size: .9rem; color: #546772; line-height: 1.6; }
#ayudas .ayudas-ruta { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 16px; color: #546772; font-size: .9rem; }
#ayudas .ayudas-ruta a { color: #394b58; text-underline-offset: 3px; }
#ayudas .ayudas-documento { background: #fff; border: 1px solid #a8daca; border-top: 3px solid #bf387870; border-radius: 12px; box-shadow: 0 4px 18px #394b5808; }
#ayudas .ayudas-documento-cabecera { padding: 28px 32px; background: linear-gradient(110deg, #5dcbac12, #bf387807); border-radius: 9px 9px 0 0; border-bottom: 1px solid #bf387825; }
#ayudas .ayudas-documento-programa { display: inline-block; margin-bottom: 12px; color: #394b58; font-weight: 600; background: #5dcbac24; border-radius: 8px; padding: 5px 12px; }
#ayudas .ayudas-documento h2 { font-family: 'Roboto Condensed', 'Roboto', Arial, sans-serif; font-weight: 500; color: #394b58; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.3; margin: 0; overflow-wrap: anywhere; }
#ayudas .ayudas-documento #ayuda-tema { color: var(--ayudas-rosa); }
#ayudas .ayudas-documento-cabecera .ayudas-video { margin: 14px 0 0; gap: 8px; align-items: center; }
#ayudas .ayudas-documento-cuerpo { padding: 32px; }
#ayudas .ayudas-introduccion.ayudas-con-video { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 28px; }
#ayudas .ayudas-introduccion video { width: 100%; border-radius: 10px; background: #394b58; }
#ayudas .ayudas-texto { min-width: 0; line-height: 1.8; overflow-wrap: anywhere; overflow-x: auto; }
#ayudas .ayudas-texto img, #ayudas .ayudas-texto video { max-width: 100%; height: auto; }
#ayudas .ayudas-texto img { box-sizing: border-box; object-fit: contain; }
#ayudas .ayudas-texto iframe { max-width: 100%; }
#ayudas .ayudas-texto h1, #ayudas .ayudas-texto h2, #ayudas .ayudas-texto h3, #ayudas .ayudas-texto h4 { color: #394b58; line-height: 1.35; }
#ayudas .ayudas-texto a { color: #9b2c61; text-decoration: underline; text-underline-offset: 3px; }
#ayudas .ayudas-texto-principal { margin-top: 28px; }
#ayudas .ayudas-documento-pie { display: flex; flex-wrap: wrap; gap: 12px 28px; padding: 20px 32px; border-top: 1px solid #a8daca; border-radius: 0 0 11px 11px; background: #f6faf8; color: #546772; font-size: .875rem; }
#ayudas .ayudas-volver { margin-top: 24px; }
@media (max-width: 767px) {
    #ayudas .ayudas-documento-cabecera, #ayudas .ayudas-documento-cuerpo, #ayudas .ayudas-documento-pie { padding: 20px; }
    #ayudas .ayudas-introduccion.ayudas-con-video { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    #ayudas .ayudas-filtros { padding: 18px; }
    #ayudas .ayudas-recursos { grid-template-columns: 1fr; }
    #ayudas .ayudas-tabla th, #ayudas .ayudas-tabla td { padding: 14px 12px; }
    #ayudas .ayudas-tabla table { min-width: 520px; }
}

/* Contraste del selector y marca del programa seleccionado. */
#ayudas .ayudas-buscador input::placeholder { color: #ccd9dd; opacity: 1; }
#ayudas .ayudas-filtros .ayudas-nota { color: #e0ecea; }
#ayudas .ayudas-listado-cabecera { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
#ayudas .ayudas-listado-cabecera h2 { min-width: 0; }
#ayudas .ayudas-programa-logo { display: block; width: auto; max-width: 34%; height: auto; max-height: 64px; object-fit: contain; object-position: right center; }
@media (max-width: 575px) {
    #ayudas .ayudas-listado-cabecera { gap: 12px; }
    #ayudas .ayudas-listado-cabecera h2 { font-size: 1.35rem; }
    #ayudas .ayudas-programa-logo { max-width: 38%; max-height: 48px; }
}

/* Acercar la cabecera al selector sin alterar las demás páginas. */
.index2-layout-page #ayudas .ayudas-banner { padding-bottom: 8px !important; margin-bottom: 8px !important; }