/* * Estilos propios del sitio público (webcentros), hand-authored — NO vendor. * Orden de carga obligatorio: celosia.css → celosia-bootstrap.css → * celosia-componentes.css → site.css (este fichero, último). Usa tokens * --ce-* (Celosía), no colores literales. Detalle y porqués: docs/adr/. */ html { overflow-x: hidden; } body { /* `clip` gana sobre `hidden`: sin `clip`, `hidden` en crea un contenedor de scroll y rompe position:sticky. */ overflow-x: hidden; overflow-x: clip; } .navbar-lg { padding-top: 10px; padding-bottom: 10px; background-color: var(--ce-color-semantic-surface); } .my-header { padding: 0; text-align: left; } .my-header > .container { width: 100%; padding-top: 40px; padding-bottom: 40px; } .my-header > .container > h1 { margin: 0; font-weight: var(--ce-font-weight-bold); color: var(--ce-color-neutral-0); } .home-section { padding: 64px 0; } .home-section-first { padding: 0; } .home-section-tinted { background-color: var(--ce-color-brand-tint); } .btn-icon.btn-round { border-radius: 50%; width: 2.375rem; height: 2.375rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; } .ficha-intro { font-size: 1.05rem; color: var(--ce-color-semantic-text-secondary); max-width: 760px; margin-bottom: 32px; } .ficha-subtitulo { font-size: var(--ce-font-size-lg); font-weight: var(--ce-font-weight-bold); margin: var(--ce-space-7) 0 var(--ce-space-4); } .ficha-subtitulo:first-child { margin-top: 0; } .ficha-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; margin-bottom: 8px; } .ficha-resumen-titulo { font-weight: var(--ce-font-weight-bold); font-size: .82rem; text-transform: uppercase; letter-spacing: .03em; color: var(--ce-color-semantic-text-secondary); margin-bottom: 8px; } .ficha-resumen-texto { font-size: .92rem; color: var(--ce-color-semantic-text-primary); margin: 0; } .ficha-detalle { margin-bottom: 12px; } .ficha-detalle summary { font-weight: var(--ce-font-weight-bold); cursor: pointer; list-style: none; display: flex; align-items: center; gap: 10px; } .ficha-detalle summary::-webkit-details-marker, .ficha-detalle summary::marker { display: none; content: ''; } .ficha-detalle-chevron { margin-left: auto; font-size: .8rem; color: var(--ce-color-semantic-text-secondary); transition: transform .2s ease; } .ficha-detalle[open] .ficha-detalle-chevron { transform: rotate(90deg); } .ficha-detalle[open] summary { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid var(--ce-color-semantic-border-subtle); } .ficha-detalle-cuerpo { font-size: .95rem; color: var(--ce-color-semantic-text-primary); } .ficha-detalle-cuerpo > *:last-child { margin-bottom: 0; } .ficha-detalle-icono { color: var(--ce-color-semantic-text-secondary); width: 18px; text-align: center; flex-shrink: 0; } .ficha-tipo-tag { margin-bottom: var(--ce-space-2); } .ficha-resumen-titulo { display: flex; align-items: center; gap: var(--ce-space-2); } .ficha-resumen-icono { color: var(--ce-color-brand-600); font-size: .85rem; } .ficha-prioritaria { margin-bottom: var(--ce-space-5); } .ficha-prioritaria-titulo { display: flex; align-items: center; gap: var(--ce-space-2); font-size: var(--ce-font-size-lg); font-weight: var(--ce-font-weight-bold); margin: 0 0 var(--ce-space-3); } .ficha-prioritaria-titulo i { color: var(--ce-color-brand-600); width: 20px; text-align: center; } .ficha-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ce-space-3); margin-top: var(--ce-space-7); padding: var(--ce-space-5); background-color: var(--ce-color-semantic-surface-sunken); border-radius: var(--ce-size-radius-container); } .ficha-cta p { margin: 0; font-weight: var(--ce-font-weight-bold); color: var(--ce-color-semantic-text-primary); } .site-header { background: var(--ce-color-semantic-surface); border-bottom: 1px solid var(--ce-color-semantic-border-subtle); padding: 14px 0; } .site-header-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ce-color-semantic-text-primary); } .site-header-brand-title { font-size: 1.15rem; font-weight: 600; } .site-header-crespon { height: 32px; width: auto; } @media (prefers-color-scheme: dark) { .site-header-crespon { filter: invert(1); } } @media (max-width: 767px) { .site-header-brand { gap: 8px; } .site-header-brand img { height: 32px; } .site-header-brand-title { font-size: .85rem; line-height: 1.2; } } .site-header-nav { list-style: none; gap: 26px; margin: 0; padding: 0; } .site-header-nav-link { color: var(--ce-color-semantic-text-primary); text-decoration: none; font-size: .95rem; font-weight: var(--ce-font-weight-medium); padding-bottom: 4px; border-bottom: 2px solid transparent; transition: color var(--ce-duration-fast) ease, border-color var(--ce-duration-fast) ease; } .site-header-nav-link:hover { color: var(--ce-color-semantic-action-hover); border-bottom-color: var(--ce-color-semantic-action-hover); } .site-header-nav-link.active { color: var(--ce-color-semantic-action); border-bottom-color: var(--ce-color-semantic-action); } .site-header-nav-link.active:hover { color: var(--ce-color-semantic-action-hover); border-bottom-color: var(--ce-color-semantic-action-hover); } .site-header-toggle { border: 0; background: none; color: var(--ce-color-semantic-action); font-size: 1.3rem; margin-left: 24px; padding: 4px 6px; line-height: 1; } /* Selector de 2 clases obligatorio: .offcanvas.offcanvas-end de Bootstrap (0,2,0) gana a una sola clase (0,1,0). */ .offcanvas.site-offcanvas { left: 0; width: auto; max-width: none; height: 100vh; height: 100dvh; transition: none; } .site-offcanvas .offcanvas-header, .site-offcanvas .offcanvas-body { padding-left: 0; padding-right: 0; } .site-menu-item, .accordion-item.site-menu-item { border: 0; } .site-menu-cabecera { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 16px; border-radius: var(--ce-size-radius-container); transition: background-color var(--ce-duration-fast) ease; } .site-menu-link { display: block; flex: 0 1 auto; padding: 12px 0 10px; color: var(--ce-color-semantic-text-primary); text-decoration: none; font-size: 1rem; font-weight: var(--ce-font-weight-medium); border-bottom: 2px solid transparent; transition: color var(--ce-duration-fast) ease, border-color var(--ce-duration-fast) ease; } .site-menu-link:hover { color: var(--ce-color-semantic-action-hover); } .site-menu-link.active { color: var(--ce-color-semantic-action); border-bottom-color: var(--ce-color-semantic-action); } .site-menu-toggle.accordion-button { flex: 0 0 auto; width: auto; padding: 8px 0 8px 16px; background-color: transparent; box-shadow: none; border-left: 1px solid var(--ce-color-semantic-border-subtle); } .site-menu-toggle.accordion-button:not(.collapsed) { background-color: transparent; } .site-menu-toggle.accordion-button::after { display: none; content: none; } .site-menu-icon { position: relative; display: inline-block; width: 16px; height: 16px; flex-shrink: 0; transition: transform var(--ce-duration-normal) ease; } .site-menu-icon::before, .site-menu-icon::after { content: ''; position: absolute; inset: 0; margin: auto; background-color: var(--ce-color-semantic-action); transition: background-color var(--ce-duration-fast) ease; } .site-menu-icon::before { width: 100%; height: 2px; } .site-menu-icon::after { width: 2px; height: 100%; } .site-menu-toggle.accordion-button:not(.collapsed) .site-menu-icon { transform: rotate(45deg); } .site-menu-cabecera:has(.site-menu-toggle:not(.collapsed)) { background-color: var(--bs-accordion-active-bg); } .site-menu-cabecera:has(.site-menu-toggle:not(.collapsed)) .site-menu-link { color: var(--bs-accordion-active-color); } .site-menu-panel .accordion-body { padding: 0 0 12px; } .site-menu-panel-titulo { display: none; margin: 0 0 16px; font-size: 1.4rem; font-weight: var(--ce-font-weight-bold); color: var(--ce-color-semantic-text-primary); } .site-menu-sublista li { border-bottom: 1px solid var(--ce-color-semantic-border-subtle); } .site-menu-sublista a { display: block; padding: 10px 0 10px 16px; color: var(--ce-color-semantic-text-primary); text-decoration: none; transition: color var(--ce-duration-fast) ease; } .site-menu-sublista a:hover { color: var(--ce-color-semantic-action-hover); } .site-menu-externo { font-size: .72rem; margin-left: 2px; } @media (min-width: 768px) { .site-offcanvas .offcanvas-header { padding: 14px 0; } .site-offcanvas .offcanvas-body { padding: 32px 0 0; height: 100%; overflow: hidden; } .site-menu-container { position: relative; height: 100%; padding-bottom: 48px; } .site-menu { width: 400px; flex: 0 0 auto; border-right: 1px solid var(--ce-color-semantic-border-subtle); padding-right: 56px; } .site-menu-cabecera { padding: 8px 20px; } .site-menu-cabecera:hover { background-color: var(--ce-color-semantic-surface-sunken); } .site-menu-link { padding: 14px 0; font-size: var(--ce-font-size-md); font-weight: var(--ce-font-weight-bold); } .site-menu-panel { position: absolute; top: 0; bottom: 0; left: 456px; width: min(480px, calc(100% - 456px)); overflow-y: auto; transition: none; } .site-menu-panel-titulo { display: block; margin: 0 0 32px; font-size: 2rem; font-weight: var(--ce-font-weight-regular); } .site-menu-sublista a { padding: 14px 16px; border-radius: var(--ce-size-radius-container); } .site-menu-sublista a:hover { background-color: var(--ce-color-semantic-surface-sunken); } } .site-offcanvas-sublista { margin: 0 0 8px; padding: 0 0 4px 16px; } .site-offcanvas-sublista li { margin-bottom: 6px; } .site-offcanvas-sublista a { color: var(--ce-color-semantic-action); text-decoration: none; font-size: .92rem; } .site-offcanvas-sublista a:hover { text-decoration: underline; } .site-page-header { background: linear-gradient(135deg, var(--ce-color-brand-600), var(--ce-color-brand-900)); --ce-color-focus-ring: var(--ce-color-neutral-0); } .site-breadcrumb { padding: 14px 0; } .site-breadcrumb .container { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .site-breadcrumb-puntos { display: inline-flex; gap: 4px; margin-right: 4px; } .site-breadcrumb-puntos span { width: 4px; height: 4px; border-radius: 50%; background: var(--ce-color-neutral-0); display: inline-block; } .site-breadcrumb-item { font-size: .78rem; font-weight: var(--ce-font-weight-bold); text-transform: uppercase; letter-spacing: .02em; text-decoration: none; color: var(--ce-color-neutral-0); } .site-breadcrumb-item:hover { text-decoration: underline; } .site-breadcrumb-actual { color: var(--ce-color-brand-100); font-weight: 600; } .site-breadcrumb-sep { font-size: .6rem; color: var(--ce-color-brand-100); } .site-breadcrumb + .my-header { border-top: 1px solid rgba(255,255,255,.16); } .widget-doc-departamento-cabecera { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; } .widget-doc-departamento-titulo { font-size: var(--ce-font-size-xl); font-weight: var(--ce-font-weight-regular); margin: 0; } .widget-doc-departamento-drive { display: flex; align-items: center; gap: 12px; background: #f7f9fb; border: 1px solid #e6e6e6; border-radius: 10px; padding: 16px; text-decoration: none; color: inherit; transition: box-shadow .15s ease, transform .15s ease; } .widget-doc-departamento-drive:hover { box-shadow: 0 4px 14px rgba(0,0,0,.08); transform: translateY(-2px); color: inherit; } .widget-doc-departamento-drive .widget-doc-departamento-icono { flex: 0 0 auto; font-size: 1.4rem; width: 28px; text-align: center; } .widget-doc-departamento-drive .widget-doc-departamento-nombre { flex: 1 1 auto; font-size: .95rem; font-weight: 600; } .widget-agenda-eventos-wrapper { margin: 0 auto; } .widget-agenda-eventos-titulo { font-size: var(--ce-font-size-xl); font-weight: var(--ce-font-weight-regular); margin: 0 0 var(--ce-space-5); } .widget-agenda-eventos-acceso { position: relative; overflow: hidden; flex: 0 0 220px; text-decoration: none; background: var(--ae-acceso-tinte); } @media (max-width: 767px) { .widget-agenda-eventos-acceso { flex: 0 0 auto; } } .widget-agenda-eventos-acceso:hover { text-decoration: none; opacity: .92; } .widget-agenda-eventos-acceso-icono-fondo { position: absolute; right: -14px; bottom: -20px; z-index: 0; font-size: 6rem; line-height: 1; color: var(--ae-acceso-icono); opacity: .16; transform: rotate(-14deg); pointer-events: none; } .widget-agenda-eventos-acceso-titulo, .widget-agenda-eventos-acceso-cta { position: relative; z-index: 1; } .widget-agenda-eventos-acceso-titulo { font-weight: 700; font-size: .98rem; color: var(--ce-color-semantic-text-primary); } .widget-agenda-eventos-acceso-cta { font-size: .75rem; font-weight: 700; letter-spacing: .03em; color: var(--ce-color-semantic-text-primary); } .widget-agenda-eventos-acceso-cta i { font-size: .7rem; margin-left: 4px; } .widget-agenda-eventos-fila-eventos { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 1rem; min-width: 0; } .widget-agenda-eventos-card { border-left-width: 4px; border-left-style: solid; border-left-color: var(--ae-card-color); text-decoration: none; } .widget-agenda-eventos-card-fecha { font-size: .74rem; color: var(--ce-color-semantic-text-secondary); text-transform: uppercase; letter-spacing: .03em; font-weight: 600; } .widget-agenda-eventos-card-nombre { font-weight: 700; font-size: .92rem; color: var(--ce-color-semantic-text-primary); line-height: 1.35; overflow-wrap: anywhere; } .widget-agenda-eventos-card-lugar { font-size: .8rem; color: var(--ce-color-semantic-text-secondary); overflow-wrap: anywhere; } .widget-agenda-eventos-card-lugar i { margin-right: 4px; } .widget-agenda-eventos-card-cat { display: inline-block; padding: 2px 10px; font-size: .7rem; font-weight: 600; white-space: nowrap; background: var(--ae-card-tinte); color: var(--ae-card-texto); } .widget-agenda-eventos-fila-vacio { position: relative; overflow: hidden; font-size: .88rem; border-left-width: 4px; border-left-style: solid; border-left-color: var(--ae-vacio-color); } .widget-agenda-eventos-fila-vacio-icono-fondo { position: absolute; right: -10px; bottom: -16px; z-index: 0; font-size: 5rem; line-height: 1; color: var(--ae-vacio-icono); opacity: .1; transform: rotate(-14deg); pointer-events: none; } .widget-agenda-eventos-fila-vacio .ce-notice__icono, .widget-agenda-eventos-fila-vacio .ce-notice__contenido { position: relative; z-index: 1; } .widget-agenda-eventos-fila-vacio .ce-notice__icono { color: var(--ce-color-semantic-text-secondary); font-size: 1.1rem; } .agenda-filtros { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; } .agenda-filtro { border: var(--ce-size-border-width) solid var(--ce-color-semantic-border-subtle); background: var(--ce-color-semantic-surface); border-radius: 999px; padding: 6px 16px; font-size: .85rem; font-weight: 600; color: var(--ce-color-semantic-text-secondary); cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; } .agenda-filtro:hover { border-color: var(--agenda-filtro-color, var(--ce-color-semantic-border)); } .agenda-filtro.is-activo { background: var(--agenda-filtro-color, var(--ce-color-semantic-action)); border-color: var(--agenda-filtro-color, var(--ce-color-semantic-action)); color: var(--agenda-filtro-texto, var(--ce-color-semantic-text-on-brand)); } .agenda-mes-contador { margin-left: 4px; font-size: .78rem; font-weight: 600; color: var(--ce-color-semantic-text-secondary); white-space: nowrap; } .agenda-mes-contador.is-vacio { opacity: .65; } .agenda-card-acento { border-left-width: 4px; border-left-style: solid; border-left-color: var(--agenda-card-color); } .agenda-card-fecha { font-size: .76rem; color: var(--ce-color-semantic-text-secondary); text-transform: uppercase; letter-spacing: .03em; font-weight: 600; } .agenda-card-cat { display: inline-block; border-radius: 999px; padding: 3px 12px; font-size: .72rem; font-weight: 600; white-space: nowrap; background: var(--agenda-cat-tinte); color: var(--agenda-cat-texto); } .agenda-card-nombre { font-weight: 700; font-size: 1rem; color: var(--ce-color-semantic-text-primary); line-height: 1.35; overflow-wrap: anywhere; } .agenda-card-descripcion { font-size: .88rem; color: var(--ce-color-semantic-text-secondary); line-height: 1.5; margin-bottom: 10px; overflow-wrap: anywhere; } .agenda-card-descripcion a, .agenda-card-detalles a { color: var(--ce-color-semantic-link); text-decoration: underline; } .agenda-card-detalles { display: flex; flex-direction: column; gap: 6px; font-size: .82rem; color: var(--ce-color-semantic-text-secondary); overflow-wrap: anywhere; } .agenda-card-detalles i { width: 16px; margin-right: 4px; color: var(--ce-color-semantic-text-secondary); } .agenda-vacio { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: var(--ce-color-semantic-surface-sunken); border: 1px dashed var(--ce-color-semantic-border-subtle); border-radius: 10px; padding: 48px 24px; } .agenda-vacio-icono { font-size: 2rem; color: var(--ce-color-semantic-text-secondary); opacity: .65; margin-bottom: 14px; } .agenda-vacio-texto { color: var(--ce-color-semantic-text-secondary); font-size: .95rem; } .agenda-vacio-mes { padding: 28px 24px; } .footer-logo-financiacion { max-height: 60px; filter: grayscale(1) invert(1) contrast(1.6); opacity: .85; } .calendario-leyenda-autonomica { color: #8ECC5B; } .calendario-leyenda-provincial { color: #FEFB49; } .calendario-leyenda-local { color: #95E4FF; } .calendario-leyenda-otras { color: #FD9BB1; } .calendario-dia-enlace { text-decoration: none; } /* Selector compuesto obligatorio: la regla de Bootstrap .table>:not(caption)>*>* (0,0,1,1) gana a una sola clase. */ .table .calendario-dia-evento { background-color: var(--calendario-dia-color); } .libros-texto-tabla { font-size: 0.75rem; } .error-pagina { display: flex; align-items: flex-start; gap: var(--ce-space-6); } .error-pagina-icono { flex: 0 0 auto; font-size: 3.5rem; color: var(--ce-color-semantic-text-secondary); opacity: .35; } .error-pagina-contenido { flex: 1 1 auto; min-width: 0; } .error-pagina-texto { color: var(--ce-color-semantic-text-secondary); max-width: 60ch; } .error-pagina-lista { color: var(--ce-color-semantic-text-secondary); max-width: 60ch; margin: 0 0 var(--ce-space-4); padding-left: 1.2em; } .error-pagina .ce-btn { margin-top: var(--ce-space-4); } @media (max-width: 575px) { .error-pagina { flex-direction: column; } .error-pagina-icono { font-size: 2.5rem; } } .documentos-mensaje-vacio { margin: 40px 0; } .site-footer { margin-top: 20px; background: var(--ce-color-neutral-900); color: var(--ce-color-neutral-0); --ce-color-focus-ring: var(--ce-color-neutral-0); } .site-footer a { text-decoration: none; } .site-footer-top { padding: 48px 0 32px; } /* Porcentaje, no fr: repeat(auto-fit, ...) no admite un track en fr en la misma lista -- colapsa a una columna. */ .site-footer-grid { display: grid; grid-template-columns: minmax(0, 33.333%) repeat(auto-fit, minmax(140px, 1fr)); gap: 32px; } @media (max-width: 767px) { .site-footer-grid { grid-template-columns: 1fr; gap: 28px; } } .site-footer-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ce-color-neutral-0); } .site-footer-brand-title { font-weight: 700; font-size: 1.05rem; line-height: 1.25; } .site-footer-contacto { display: flex; flex-direction: column; gap: 10px; margin: 18px 0 0; padding: 0; font-size: .88rem; color: var(--ce-color-brand-200); } .site-footer-contacto li { display: flex; align-items: flex-start; gap: 10px; } .site-footer-contacto i { flex: 0 0 auto; width: 16px; margin-top: .2em; text-align: center; } .site-footer-contacto a { color: var(--ce-color-brand-200); } .site-footer-contacto a:hover { color: var(--ce-color-neutral-0); text-decoration: underline; } .site-footer-contacto-icono-tel { transform: scaleX(-1); } .site-footer-col-titulo { margin: 0 0 var(--ce-space-4); font-size: var(--ce-font-size-sm); font-weight: var(--ce-font-weight-bold); color: var(--ce-color-neutral-0); } .site-footer-col-lista { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; } .site-footer-col-lista a { color: var(--ce-color-brand-200); font-size: .88rem; } .site-footer-col-lista a:hover { color: var(--ce-color-neutral-0); text-decoration: underline; } .site-footer-logos { padding: 32px 0; border-top: 1px solid rgba(255,255,255,.14); } .site-footer-logos-row { display: flex; align-items: center; justify-content: space-between; gap: 32px; } @media (max-width: 575.98px) { .site-footer-logos-row { flex-direction: column; gap: 24px; } } .site-footer-bottom { padding: 24px 0; border-top: 1px solid rgba(255,255,255,.14); font-size: .82rem; } .site-footer-copyright { color: var(--ce-color-brand-100); } .site-footer-social-list { list-style: none; display: flex; gap: 10px; margin: 0; padding: 0; } .site-footer-social-list a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border: var(--ce-size-border-width) solid rgba(255,255,255,.3); color: var(--ce-color-neutral-0); transition: background-color var(--ce-duration-fast), border-color var(--ce-duration-fast); } .site-footer-social-list a:hover { background: var(--ce-color-brand-600); border-color: var(--ce-color-brand-600); } .organigrama-intro { font-size: 1.05rem; color: var(--ce-color-semantic-text-secondary); margin-bottom: 40px; max-width: 760px; } .organigrama-avatar { width: 100%; max-width: 140px; aspect-ratio: 1 / 1; border-radius: 50%; background: var(--ce-color-brand-tint); color: var(--ce-color-brand-600); font-size: 2.6rem; } .organigrama-avatar-foto { overflow: hidden; background: var(--ce-color-semantic-surface-sunken); } .organigrama-avatar-foto img { width: 100%; height: 100%; object-fit: cover; display: block; } .organigrama-nombre { font-weight: 700; font-size: 1.05rem; color: var(--ce-color-semantic-text-primary); margin-bottom: var(--ce-space-2); } .organigrama-contacto { font-size: .82rem; } .organigrama-contacto a { color: var(--ce-color-semantic-text-secondary); text-decoration: none; overflow-wrap: break-word; } .organigrama-contacto a:hover { color: var(--ce-color-brand-600); } .organigrama-contacto i { width: 14px; margin-right: 4px; } .centro-seccion-titulo { font-size: 1.3rem; font-weight: var(--ce-font-weight-bold); margin-bottom: var(--ce-space-5); } .centro-mvv-card { background: var(--ce-color-brand-tint); display: flex; flex-direction: column; gap: var(--ce-space-3); } .centro-mvv-titulo { font-size: 1.15rem; font-weight: var(--ce-font-weight-bold); color: var(--ce-color-brand-600); } .centro-mvv-lista li::before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--ce-color-brand-600); margin-right: 8px; font-size: .8em; } .centro-enlace { position: relative; overflow: hidden; text-decoration: none; background: var(--ce-enlace-tinte); border-radius: var(--ce-size-radius-container); } .centro-enlace:hover { text-decoration: none; opacity: .92; } .centro-enlace-icono-fondo { position: absolute; right: -14px; bottom: -20px; z-index: 0; font-size: 6rem; line-height: 1; color: var(--ce-enlace-icono); opacity: .16; transform: rotate(-14deg); pointer-events: none; } .centro-enlace-icono-fondo-img { width: 96px; height: 96px; object-fit: contain; } .centro-enlace-titulo, .centro-enlace-cta { position: relative; z-index: 1; } .centro-enlace-titulo { font-weight: var(--ce-font-weight-bold); font-size: .98rem; color: var(--ce-color-semantic-text-primary); } .centro-enlace-cta { font-size: .75rem; font-weight: var(--ce-font-weight-bold); letter-spacing: .03em; color: var(--ce-color-semantic-text-primary); } .centro-enlace-cta i { font-size: .7rem; margin-left: 4px; transition: transform var(--ce-duration-fast); } .centro-enlace:hover .centro-enlace-cta i { transform: translateX(3px); } .plan-centro-seccion { margin-bottom: var(--ce-space-7); } .plan-centro-seccion:last-child { margin-bottom: 0; } .plan-centro-titulo { font-size: var(--ce-font-size-lg); font-weight: var(--ce-font-weight-bold); margin-bottom: var(--ce-space-2); } .plan-centro-descripcion { color: var(--ce-color-semantic-text-secondary); margin: 0; } .plan-centro-subseccion { margin-bottom: var(--ce-space-4); } .plan-centro-subseccion:last-child { margin-bottom: 0; } .plan-centro-subseccion-titulo { font-size: var(--ce-font-size-sm); font-weight: var(--ce-font-weight-bold); margin-bottom: var(--ce-space-2); } .plan-centro-doc { display: flex; align-items: center; gap: var(--ce-space-2); margin-bottom: var(--ce-space-2); } .plan-centro-doc:last-child { margin-bottom: 0; } .plan-centro-doc i { color: var(--ce-color-brand-600); flex-shrink: 0; } .plan-centro-doc a { color: var(--ce-color-semantic-link); text-decoration: none; overflow-wrap: break-word; } .plan-centro-doc a:hover { text-decoration: underline; } .documentos-breadcrumb { background-color: var(--ce-color-semantic-surface-sunken); border-radius: var(--ce-size-radius-container); padding: var(--ce-space-3) var(--ce-space-4); margin-bottom: var(--ce-space-6); } .documentos-breadcrumb .breadcrumb { background: none; margin: 0; padding: 0; font-size: var(--ce-font-size-sm); } .documentos-breadcrumb .breadcrumb-item a { color: var(--ce-color-semantic-link); text-decoration: none; } .documentos-breadcrumb .breadcrumb-item a:hover { text-decoration: underline; } .documentos-breadcrumb .breadcrumb-item.active { color: var(--ce-color-semantic-text-secondary); } .documentos-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: var(--ce-color-semantic-border); } .documentos-card { padding: 0; overflow: hidden; } .documentos-tabla { margin: 0; } .documentos-tabla > tbody > tr { border-bottom: var(--ce-size-border-width) solid var(--ce-color-semantic-border-subtle); } .documentos-tabla > tbody > tr:last-child { border-bottom: none; } .documentos-tabla > tbody > tr:hover { background-color: var(--ce-color-semantic-surface-sunken); } .documentos-tabla > tbody > tr.seperator { border-top: var(--ce-size-border-width-strong) solid var(--ce-color-semantic-border-subtle); } .documentos-tabla td { border: none; padding: var(--ce-space-3) var(--ce-space-4); vertical-align: middle; } .documentos-tabla td.name a { color: var(--ce-color-semantic-text-primary); text-decoration: none; font-weight: var(--ce-font-weight-medium); } .documentos-tabla td.name a:hover { color: var(--ce-color-semantic-link); text-decoration: underline; } .documentos-tabla td.name i { width: 1.4em; text-align: center; margin-right: var(--ce-space-2); } /* !important necesario: ft.css (vendorizado) fija #2c3e50 por selector de ID (1,3,1), casi invisible en modo oscuro si no. */ #filelist tr.dir > td.name a, #filelist tr.file > td.name a { color: var(--ce-color-semantic-text-primary) !important; } .documentos-tabla .float-right { color: var(--ce-color-semantic-text-secondary); font-size: var(--ce-font-size-sm); font-variant-numeric: tabular-nums; } .documentos-tabla .text-danger { color: var(--ce-color-state-danger) !important; } .documentos-tabla .text-info { color: var(--ce-color-state-info) !important; } .documentos-tabla .text-success { color: var(--ce-color-state-success) !important; } .documentos-tabla .text-warning { color: var(--ce-color-state-warning) !important; } .documentos-tabla .text-primary { color: var(--ce-color-semantic-link) !important; } .documentos-tabla tfoot .documentos-resumen { border-top: var(--ce-size-border-width) solid var(--ce-color-semantic-border-subtle); color: var(--ce-color-semantic-text-secondary); font-size: var(--ce-font-size-xs); } .servicios-seccion-titulo { font-size: 1.3rem; font-weight: var(--ce-font-weight-bold); margin-bottom: var(--ce-space-5); } .servicios-lista { display: grid; grid-template-columns: 1fr; padding: 0; overflow: hidden; } .servicios-lista-item { display: flex; align-items: center; gap: 12px; padding: var(--ce-space-3) var(--ce-space-4); text-decoration: none; color: var(--ce-color-semantic-text-primary); border-bottom: var(--ce-size-border-width) solid var(--ce-color-semantic-border-subtle); } @media (min-width: 768px) { .servicios-lista { grid-template-columns: repeat(2, 1fr); } .servicios-lista-item:nth-child(odd) { border-right: var(--ce-size-border-width) solid var(--ce-color-semantic-border-subtle); } } .servicios-lista-item:hover { background-color: var(--ce-color-semantic-surface-sunken); color: var(--ce-color-semantic-text-primary); } .servicios-lista-item-icono { flex: 0 0 auto; width: 20px; text-align: center; color: var(--ce-color-semantic-text-secondary); font-size: .85rem; } .servicios-lista-item-nombre { flex: 1 1 auto; min-width: 0; font-size: .92rem; font-weight: var(--ce-font-weight-medium); } .servicios-lista-item-externo { flex: 0 0 auto; font-size: .75rem; color: var(--ce-color-semantic-text-secondary); opacity: .6; } .dep-area { margin-bottom: 48px; } .dep-area:last-child { margin-bottom: 0; } .dep-area-titulo { font-size: var(--ce-font-size-lg); font-weight: var(--ce-font-weight-bold); color: var(--ce-color-brand-600); margin-bottom: var(--ce-space-4); } .novedades-detalle { padding: 40px 0 60px; } .novedades-detalle-meta { color: var(--ce-color-semantic-text-secondary); font-size: var(--ce-font-size-sm); margin: 0 0 var(--ce-space-5); } .novedades-detalle-meta a { color: inherit; } .novedades-detalle-meta a:hover { color: var(--ce-color-brand-600); } .novedades-detalle-imagen { margin-bottom: var(--ce-space-5); border-radius: var(--ce-size-radius-container); overflow: hidden; } .novedades-detalle-imagen img { display: block; width: 100%; } .novedades-detalle-extracto { font-size: var(--ce-font-size-lg); color: var(--ce-color-semantic-text-secondary); line-height: 1.5; margin: 0 0 var(--ce-space-5); } .novedades-detalle-texto { line-height: 1.7; } .novedades-detalle-texto img { max-width: 100%; height: auto; border-radius: var(--ce-size-radius-container); } .novedades-detalle-sidebar { display: flex; flex-direction: column; gap: var(--ce-space-6); } @media (min-width: 992px) { .novedades-detalle-sidebar { position: sticky; top: var(--ce-space-6); align-self: flex-start; } } .novedades-detalle-sidebar-bloque { padding-top: var(--ce-space-5); border-top: 1px solid var(--ce-color-semantic-border-subtle); } .novedades-detalle-sidebar-bloque:first-child { padding-top: 0; border-top: 0; } .novedades-detalle-sidebar-label { display: block; font-size: var(--ce-font-size-xs); font-weight: var(--ce-font-weight-bold); text-transform: uppercase; letter-spacing: .04em; color: var(--ce-color-semantic-text-secondary); margin: 0 0 var(--ce-space-3); } .novedades-detalle-tags { display: flex; flex-wrap: wrap; gap: var(--ce-space-2); } .novedades-detalle-documentos { margin-top: var(--ce-space-8); padding-top: var(--ce-space-6); border-top: 1px solid var(--ce-color-semantic-border-subtle); } .novedades-detalle-documentos-item + .novedades-detalle-documentos-item { margin-top: var(--ce-space-3); } .novedades-detalle-documentos-item a { display: flex; align-items: center; gap: var(--ce-space-4); padding: var(--ce-space-4); background: var(--ce-color-brand-50); border-radius: var(--ce-size-radius-container); text-decoration: none; transition: background-color .15s ease, box-shadow .15s ease; } .novedades-detalle-documentos-item a:hover { background: var(--ce-color-semantic-action); box-shadow: 0 2px 8px rgba(0, 0, 0, .12); } .novedades-detalle-documentos-icono { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; border-radius: var(--ce-size-radius-container); background: var(--ce-color-semantic-surface); font-size: var(--ce-font-size-lg); color: var(--ce-color-semantic-action); } .novedades-detalle-documentos-info { flex: 1 1 auto; min-width: 0; } .novedades-detalle-documentos-nombre { display: block; font-weight: var(--ce-font-weight-bold); color: var(--ce-color-semantic-text-primary); transition: color .15s ease; } .novedades-detalle-documentos-meta { display: block; font-size: var(--ce-font-size-xs); color: var(--ce-color-semantic-text-secondary); margin-top: 2px; transition: color .15s ease; } .novedades-detalle-documentos-item a:hover .novedades-detalle-documentos-nombre, .novedades-detalle-documentos-item a:hover .novedades-detalle-documentos-meta { color: #fff; } .novedades-detalle-documentos-descarga { flex-shrink: 0; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--ce-color-semantic-surface); color: var(--ce-color-semantic-action); } .novedades-detalle-documentos-item a:hover .novedades-detalle-documentos-descarga { background: #fff; color: var(--ce-color-semantic-action); } .novedades-detalle-relacionadas { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--ce-space-4); } .novedades-detalle-relacionadas a { display: flex; gap: var(--ce-space-3); text-decoration: none; } .novedades-detalle-relacionadas img { width: 72px; height: 72px; object-fit: cover; border-radius: var(--ce-size-radius-container); flex-shrink: 0; } .novedades-detalle-relacionadas-titulo { display: block; font-size: var(--ce-font-size-sm); font-weight: var(--ce-font-weight-bold); color: var(--ce-color-semantic-text-primary); line-height: 1.3; } .novedades-detalle-relacionadas a:hover .novedades-detalle-relacionadas-titulo { color: var(--ce-color-brand-600); } .novedades-detalle-relacionadas-fecha { display: block; font-size: var(--ce-font-size-xs); color: var(--ce-color-semantic-text-secondary); margin-top: var(--ce-space-1); } .novedades-wrapper { padding: 40px 0 60px; } .novedades-buscador { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 28px; } .novedades-buscador-input { flex: 1 1 320px; position: relative; } .novedades-buscador-input i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #999; font-size: .9rem; } .novedades-buscador-input input { width: 100%; border: 1px solid #ddd; border-radius: var(--ce-size-radius-container); padding: 10px 16px 10px 38px; font-size: .95rem; } .novedades-buscador-input input:focus { border-color: var(--ce-color-brand-600); } .novedades-buscador-cat { flex: 0 1 220px; border: 1px solid #ddd; border-radius: var(--ce-size-radius-container); padding: 10px 16px; font-size: .95rem; background: #fff; } .novedades-buscador-btn { border: none; border-radius: var(--ce-size-radius-container); padding: 10px 22px; font-weight: 600; font-size: .95rem; background: var(--ce-color-brand-600); color: var(--ce-color-neutral-0); } .novedades-buscador-limpiar { color: #888; font-size: .9rem; text-decoration: none; white-space: nowrap; } .novedades-buscador-limpiar:hover { text-decoration: underline; } .novedades-tag-banner { display: flex; align-items: center; justify-content: space-between; background: #f4f4f4; border-radius: 8px; padding: 10px 16px; margin-bottom: 24px; font-size: .9rem; } .novedades-tag-banner a { color: var(--ce-color-brand-600); text-decoration: none; } .novedades-tag-banner a:hover { text-decoration: underline; } .novedades-tags-destacados { display: flex; flex-wrap: wrap; align-items: baseline; gap: 14px; margin: 8px 0 32px; padding-bottom: 24px; border-bottom: 1px solid #eee; } .novedades-tags-destacados-label { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #888; flex: 0 0 auto; } .novedades-tags-destacados-lista { display: flex; flex-wrap: wrap; gap: 8px; } .novedades-tags-destacados-lista a { display: inline-block; background: #f4f4f4; border: 1px solid #e2e2e2; border-radius: 999px; padding: 4px 14px; font-size: .8rem; font-weight: 600; color: var(--ce-color-brand-600); text-decoration: none; } .novedades-tags-destacados-lista a:hover { text-decoration: underline; } .novedades-paginas-relacionadas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 14px; margin: 8px 0 32px; padding-bottom: 24px; border-bottom: var(--ce-size-border-width) solid var(--ce-color-semantic-border-subtle); } .novedades-paginas-relacionadas-label { font-size: .78rem; font-weight: var(--ce-font-weight-bold); text-transform: uppercase; letter-spacing: .04em; color: var(--ce-color-semantic-text-secondary); flex: 0 0 auto; } .novedades-paginas-relacionadas-lista { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .novedades-paginas-relacionadas-lista a { display: inline-flex; align-items: center; gap: 6px; background-color: var(--ce-color-semantic-surface-sunken); border: var(--ce-size-border-width) solid var(--ce-color-semantic-border-subtle); border-radius: var(--ce-size-radius-full); padding: 4px 14px; font-size: .8rem; font-weight: var(--ce-font-weight-bold); color: var(--ce-color-semantic-link); text-decoration: none; } .novedades-paginas-relacionadas-lista a i { font-size: .7em; } .novedades-paginas-relacionadas-lista a:hover { text-decoration: underline; } .novedades-total { text-align: right; color: #888; font-size: .85rem; margin-bottom: 10px; } .novedades-vacio { background: #fafafa; border: 1px dashed #ddd; border-radius: 10px; padding: 24px; text-align: center; color: #777; font-size: .95rem; } .novedades-grid { display: grid; gap: 24px; margin-bottom: 24px; } .novedades-grid-2 { grid-template-columns: repeat(2, 1fr); } .novedades-grid-3 { grid-template-columns: repeat(3, 1fr); } @media (max-width: 767px) { .novedades-grid-2, .novedades-grid-3 { grid-template-columns: 1fr; } } .novedades-card-img-wrap { display: block; position: relative; background: #eee; } .novedades-card-img { width: 100%; height: 170px; object-fit: cover; display: block; } .novedades-card-lg .novedades-card-img { height: 260px; } .novedades-card-img-placeholder { background: linear-gradient(135deg, #ddd, #eee); } .novedades-card-flecha { position: absolute; right: 12px; bottom: 12px; width: 36px; height: 36px; min-height: 36px; min-width: 36px; padding: 0; font-size: .85rem; transition: transform .2s ease; } .ce-card:hover .novedades-card-flecha { transform: scale(1.1); } .novedades-card-body { padding: 16px 18px; flex: 1 1 auto; } .novedades-card-lg .novedades-card-body { padding: 20px 22px; } .novedades-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: .76rem; margin-bottom: 8px; } .novedades-card-meta .ce-tag { position: relative; z-index: 2; } .novedades-card-fecha { color: #888; text-transform: uppercase; letter-spacing: .03em; font-weight: 600; } .ce-card .novedades-card-fecha { color: var(--ce-color-semantic-text-secondary); } .novedades-card-titulo { font-size: 1rem; font-weight: 700; line-height: 1.3; margin: 0; } .novedades-card-lg .novedades-card-titulo { font-size: 1.2rem; } .novedades-card-titulo a { color: var(--ce-color-semantic-text-primary); text-decoration: none; } .novedades-card-titulo a:hover { color: var(--ce-color-brand-600); } .novedades-card-resumen { font-size: .88rem; color: var(--ce-color-semantic-text-secondary); margin: 8px 0 0; } .novedades-paginacion { margin-top: 36px; } .novedades-paginacion .pagination { gap: 6px; flex-wrap: wrap; } .novedades-paginacion .page-link { border: none; border-radius: 999px !important; min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #333; font-size: .9rem; background: #f4f4f4; } .novedades-paginacion .page-link:hover { background: #e9e9e9; color: #111; } .novedades-paginacion .page-item.active .page-link { background: var(--ce-color-brand-600); color: var(--ce-color-neutral-0); font-weight: 700; } .novedades-paginacion .page-item.disabled .page-link { background: transparent; color: #ccc; } .novedades-paginacion .page-link:focus { box-shadow: 0 0 0 .2rem rgba(var(--ce-color-brand-600-rgb), 0.25098039215686274); } .novedades-destacadas-wrap { display: flex; flex-direction: column; gap: 24px; margin-bottom: 32px; } .widget-directo-a-wrapper { margin: 0 auto; } .widget-directo-a-titulo { font-size: var(--ce-font-size-xl); font-weight: var(--ce-font-weight-regular); margin: 0 0 var(--ce-space-5); } .widget-directo-a-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .widget-directo-a-cols-1 { grid-template-columns: 1fr; } .widget-directo-a-cols-2 { grid-template-columns: repeat(2, 1fr); } .widget-directo-a-cols-3 { grid-template-columns: repeat(3, 1fr); } @media (max-width: 991px) { .widget-directo-a-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .widget-directo-a-grid { grid-template-columns: 1fr; } } .widget-directo-a-cabecera { display: flex; align-items: center; gap: 10px; list-style: none; } .widget-directo-a-cabecera::-webkit-details-marker, .widget-directo-a-cabecera::marker { display: none; content: ''; } .widget-directo-a-icono { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 36px; height: 36px; font-size: 1rem; color: var(--ce-color-semantic-action); background: color-mix(in srgb, var(--ce-color-semantic-action) 14%, transparent); border-radius: var(--ce-size-radius-full); } .widget-directo-a-item-titulo { font-weight: 700; font-size: var(--ce-font-size-lg); } .widget-directo-a-chevron { margin-left: auto; font-size: .8rem; color: #999; transition: transform .2s ease; } .widget-directo-a-item[open] .widget-directo-a-chevron { transform: rotate(90deg); } .widget-directo-a-item[open] .widget-directo-a-cabecera { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #eee; } @media (max-width: 575px) { .widget-directo-a-cabecera { cursor: pointer; } } @media (min-width: 576px) { .widget-directo-a-cabecera { cursor: default; pointer-events: none; } .widget-directo-a-chevron { display: none; } } .widget-directo-a-enlaces { list-style: none; margin: 0; padding: 0; } .widget-directo-a-enlaces li { margin-bottom: 8px; } .widget-directo-a-enlaces li:last-child { margin-bottom: 0; } .widget-directo-a-enlaces a { color: var(--ce-color-brand-600); text-decoration: none; font-size: .92rem; font-weight: var(--ce-font-weight-medium); transition: color .15s ease; } .widget-directo-a-enlaces a:hover { color: var(--ce-color-semantic-action-hover); text-decoration: underline; } .widget-directo-a-externo { font-size: .72rem; margin-left: 2px; } #hero-noticias-carousel.carousel-fade .carousel-item { transition-duration: var(--ce-duration-fast); } .ce-hero__contenido { position: relative; padding: 28px 28px 78px 0; display: flex; flex-direction: column; justify-content: flex-start; } @media (max-width: 767px) { .ce-hero__contenido { padding: 24px 24px 70px 0; order: 2; } } @media (max-width: 767px) { .widget-hero-noticias-container:has(#hero-noticias-carousel) { padding-left: 0; padding-right: 0; } #hero-noticias-carousel .ce-hero__contenido { padding-left: calc(var(--bs-gutter-x, 1.5rem) * .5); padding-right: calc(var(--bs-gutter-x, 1.5rem) * .5); padding-bottom: 86px; } } .ce-hero__meta { display: flex; align-items: center; gap: 10px; font-size: .78rem; } .ce-hero__fecha { color: var(--ce-color-semantic-text-secondary); text-transform: uppercase; letter-spacing: .03em; font-weight: 600; } .ce-hero__titulo { font-size: var(--ce-font-size-2xl); font-weight: var(--ce-font-weight-bold); line-height: 1.2; margin: var(--ce-space-3) 0; min-width: 0; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .ce-hero__titulo a { color: var(--ce-color-semantic-text-primary); text-decoration: none; } .ce-hero__titulo a:hover { color: var(--ce-color-brand-600); } .ce-hero__resumen { font-size: .95rem; color: var(--ce-color-semantic-text-secondary); margin: 0; min-width: 0; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .ce-hero__flecha { position: absolute; right: 24px; bottom: 24px; width: 46px; height: 46px; border-radius: var(--ce-size-radius-md); background-color: var(--ce-color-semantic-action); color: var(--ce-color-semantic-text-on-brand); text-decoration: none; display: flex; align-items: center; justify-content: center; transition: background-color var(--ce-duration-fast); } .ce-hero__flecha:hover { background-color: var(--ce-color-semantic-action-hover); } .ce-hero__imagen-wrap { display: block; height: 100%; } @media (max-width: 767px) { .ce-hero__imagen-wrap { order: 1; } } .ce-hero__imagen { width: 100%; height: 100%; min-height: 260px; object-fit: cover; display: block; } .ce-hero__imagen-marcador { background: linear-gradient(135deg, var(--ce-color-semantic-surface-sunken), var(--ce-color-semantic-surface)); } .ce-hero--marca { background: linear-gradient(135deg, var(--ce-color-brand-600), var(--ce-color-brand-900)); background-attachment: fixed; /* Accesibilidad: anillo de foco a blanco solo aquí -- el azul de marca por defecto es casi invisible sobre este fondo. No reasignar --ce-color-semantic-action (también pinta .ce-btn). */ --ce-color-focus-ring: var(--ce-color-neutral-0); } .ce-hero--marca .ce-hero__fecha { color: var(--ce-color-brand-100); } .ce-hero--marca .ce-hero__titulo { color: var(--ce-color-neutral-0); } .ce-hero--marca .ce-hero__titulo a { color: var(--ce-color-neutral-0); } .ce-hero--marca .ce-hero__titulo a:hover { color: var(--ce-color-brand-100); } .ce-hero--marca .ce-hero__resumen { color: var(--ce-color-brand-100); } .ce-hero--marca .ce-tag { background-color: transparent; border-color: var(--ce-color-neutral-0); color: var(--ce-color-neutral-0); margin-left: auto; } .ce-hero--marca .ce-hero__flecha { background-color: var(--ce-color-neutral-0); color: var(--ce-color-brand-700); } .ce-hero--marca .ce-hero__flecha:hover { background-color: var(--ce-color-brand-50); } @media (min-width: 768px) and (max-width: 991px) { .ce-hero--marca { grid-template-columns: minmax(0, 1fr); min-height: var(--ce-size-hero-min); } .ce-hero--marca .ce-hero__contenido { padding: 24px 24px 70px 0; order: 2; } .ce-hero--marca .ce-hero__imagen-wrap { order: 1; } } .ce-hero__indicadores { position: absolute; left: 28px; right: auto; bottom: 24px; z-index: 2; margin: 0; list-style: none; } @media (max-width: 767px) { .ce-hero__indicadores { left: 24px; bottom: 24px; } } .ce-hero__indicadores [data-bs-target] { background-color: color-mix(in srgb, var(--ce-color-neutral-0) 45%, transparent); width: 8px; height: 8px; border: 0; border-radius: var(--ce-size-radius-full); opacity: 1; transition: background-color var(--ce-duration-fast), box-shadow var(--ce-duration-fast); } .ce-hero__indicadores .active { background-color: var(--ce-color-neutral-0); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ce-color-neutral-0) 40%, transparent); } .ce-hero__indicadores--neutral [data-bs-target] { background-color: color-mix(in srgb, var(--ce-color-semantic-text-secondary) 45%, transparent); } .ce-hero__indicadores--neutral .active { background-color: var(--ce-color-semantic-action); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ce-color-semantic-action) 25%, transparent); } .widget-hero-noticias-wrapper { background: linear-gradient(135deg, var(--ce-color-brand-600), var(--ce-color-brand-900)); background-attachment: fixed; } .widget-hero-noticias-wrapper--vacio { display: flex; align-items: center; min-height: var(--ce-size-hero-min); background: linear-gradient(135deg, color-mix(in srgb, var(--ce-color-brand-600) 85%, transparent), color-mix(in srgb, var(--ce-color-brand-900) 85%, transparent) ), url('../img/hero-noticias-vacio-fondo.jpg') center / cover no-repeat; } @media (min-width: 768px) { .widget-hero-noticias-wrapper--vacio { min-height: var(--ce-size-hero-min-lg); } } .widget-hero-noticias-vacio { margin: 32px 0; padding: 22px 26px; text-align: left; background: color-mix(in srgb, var(--ce-color-neutral-0) 88%, transparent); border-radius: var(--ce-size-radius-md); color: var(--ce-color-neutral-900); } .widget-hero-noticias-vacio-titulo { margin: 0 0 var(--ce-space-4); font-size: var(--ce-font-size-lg); font-weight: var(--ce-font-weight-bold); line-height: 1.25; } .widget-hero-noticias-buscador { display: flex; } .widget-hero-noticias-buscador input { flex: 1 1 auto; min-width: 0; padding: var(--ce-space-2) var(--ce-space-4); background: var(--ce-color-neutral-0); color: var(--ce-color-neutral-900); border: var(--ce-size-border-width) solid var(--ce-color-brand-600); border-right: 0; border-radius: var(--ce-size-radius-container) 0 0 var(--ce-size-radius-container); font: inherit; font-size: .88rem; } .widget-hero-noticias-buscador button { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: var(--ce-size-touch-comfortable); border: 0; border-radius: 0 var(--ce-size-radius-container) var(--ce-size-radius-container) 0; background: var(--ce-color-brand-600); color: var(--ce-color-neutral-0); font-size: 1rem; cursor: pointer; transition: background-color var(--ce-duration-fast); } .widget-hero-noticias-buscador button:hover { background: var(--ce-color-brand-700); } .widget-hero-noticias-buscador button:disabled { opacity: .6; cursor: not-allowed; } @media (max-width: 575px) { .widget-hero-noticias-vacio { margin: 24px 0; padding: 20px 24px; } } .widget-ultimas-novedades-wrapper { margin: 0 auto; } .widget-ultimas-novedades-header { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 8px; } .widget-ultimas-novedades-titulo { font-size: var(--ce-font-size-xl); font-weight: var(--ce-font-weight-regular); margin: 0; } .widget-ultimas-novedades-vacio { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: var(--ce-color-semantic-surface-sunken); border: 1px dashed var(--ce-color-semantic-border-subtle); border-radius: 10px; padding: 36px 24px; } .widget-ultimas-novedades-vacio-icono { font-size: 2rem; color: var(--ce-color-semantic-text-secondary); opacity: .65; margin-bottom: 14px; } .widget-ultimas-novedades-vacio-texto { color: var(--ce-color-semantic-text-secondary); font-size: .95rem; } .widget-ultimas-novedades-vertodas { color: var(--ce-color-brand-600); font-weight: 600; font-size: .95rem; text-decoration: none; white-space: nowrap; } .widget-ultimas-novedades-vertodas i { margin-left: 4px; font-size: .85em; } .widget-ultimas-novedades-vertodas:hover { text-decoration: underline; } .widget-ultimas-novedades-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; } @media (max-width: 767px) { .widget-ultimas-novedades-grid { grid-template-columns: 1fr; } } .widget-ultimas-novedades-destacada { padding-bottom: 20px; } .widget-ultimas-novedades-secundaria { padding: 0; overflow: hidden; } .widget-ultimas-novedades-img-wrap { display: block; position: relative; background: var(--ce-color-semantic-surface-sunken); } .widget-ultimas-novedades-img { width: 100%; height: 100%; object-fit: cover; display: block; } .widget-ultimas-novedades-img-wrap-lg .widget-ultimas-novedades-img { height: 340px; } .widget-ultimas-novedades-img-placeholder { background: var(--ce-color-semantic-surface-sunken); min-height: 100px; } .widget-ultimas-novedades-flecha { position: absolute; right: 14px; bottom: 14px; width: 42px; height: 42px; min-height: 42px; min-width: 42px; padding: 0; transition: transform .2s ease; } .widget-ultimas-novedades-flecha-sm { width: 32px; height: 32px; min-height: 32px; min-width: 32px; right: 10px; bottom: 10px; font-size: .85rem; } .ce-card:hover .widget-ultimas-novedades-flecha { transform: scale(1.1); } .widget-ultimas-novedades-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 18px 20px 0; font-size: .78rem; } .widget-ultimas-novedades-secundaria .widget-ultimas-novedades-meta { padding: 16px 18px 0; } .widget-ultimas-novedades-meta .ce-tag { position: relative; z-index: 2; } .widget-ultimas-novedades-fecha { color: var(--ce-color-semantic-text-secondary); text-transform: uppercase; letter-spacing: .03em; font-weight: 600; } .widget-ultimas-novedades-card-titulo { font-size: var(--ce-font-size-lg); font-weight: var(--ce-font-weight-bold); line-height: 1.3; margin: var(--ce-space-3) var(--ce-space-5) 0; } .widget-ultimas-novedades-card-titulo-sm { font-size: var(--ce-font-size-md); margin: var(--ce-space-2) var(--ce-space-5) 0; } .widget-ultimas-novedades-card-titulo a { color: var(--ce-color-semantic-text-primary); text-decoration: none; } .widget-ultimas-novedades-card-titulo a:hover { color: var(--ce-color-brand-600); } .widget-ultimas-novedades-secundarias { display: flex; flex-direction: column; gap: 24px; } .widget-ultimas-novedades-secundaria { display: flex; flex-direction: row; align-items: stretch; flex: 1 1 0; min-height: 0; } .widget-ultimas-novedades-img-wrap-sm { flex: 0 0 42%; } .widget-ultimas-novedades-img-wrap-sm .widget-ultimas-novedades-img { min-height: 100%; } .widget-ultimas-novedades-texto { flex: 1 1 auto; display: flex; flex-direction: column; padding-bottom: 16px; min-width: 0; } @media (max-width: 575px) { .widget-ultimas-novedades-secundaria { flex-direction: column; } .widget-ultimas-novedades-img-wrap-sm { flex: 0 0 auto; order: -1; } .widget-ultimas-novedades-img-wrap-lg .widget-ultimas-novedades-img, .widget-ultimas-novedades-img-wrap-sm .widget-ultimas-novedades-img { height: 160px; } } @media (max-width: 767px) { .widget-ultimas-novedades-secundaria { flex: 0 0 auto; min-height: auto; } } .widget-oferta-educativa-wrapper { margin: 0 auto; } .widget-oferta-educativa-titulo { font-size: var(--ce-font-size-xl); font-weight: var(--ce-font-weight-regular); margin: 0 0 var(--ce-space-5); } .widget-oferta-educativa-scroller { position: relative; margin: 0 -4px; } .widget-oferta-educativa-scroller::before, .widget-oferta-educativa-scroller::after { content: ''; position: absolute; top: 0; bottom: 14px; width: 40px; pointer-events: none; z-index: 2; transition: opacity .25s ease; } .widget-oferta-educativa-scroller::before { left: 0; background: linear-gradient(to left, transparent, color-mix(in srgb, var(--ce-color-brand-tint) 55%, transparent)); opacity: 1; } .widget-oferta-educativa-scroller::after { right: 0; background: linear-gradient(to right, transparent, color-mix(in srgb, var(--ce-color-brand-tint) 55%, transparent)); opacity: 1; } .widget-oferta-educativa-scroller.is-start::before { opacity: 0; } .widget-oferta-educativa-scroller.is-end::after { opacity: 0; } .widget-oferta-educativa-nav-row { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; } .widget-oferta-educativa-nav { width: 40px; height: 40px; min-height: 40px; min-width: 40px; padding: 0; font-size: .85rem; } .widget-oferta-educativa-wrapper--sin-scroll .widget-oferta-educativa-nav-row { display: none; } .widget-oferta-educativa-grid { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x proximity; scroll-behavior: smooth; padding: 4px 4px 18px; -webkit-overflow-scrolling: touch; scrollbar-width: none; cursor: grab; user-select: none; } .widget-oferta-educativa-grid.is-dragging { cursor: grabbing; scroll-behavior: auto; } .widget-oferta-educativa-grid::-webkit-scrollbar { display: none; } .widget-oferta-educativa-card { position: relative; display: flex; flex-direction: column; flex: 1 0 250px; max-width: 340px; height: 300px; scroll-snap-align: start; padding: var(--ce-space-5) var(--ce-space-4); text-decoration: none; } .widget-oferta-educativa-card:hover .widget-oferta-educativa-cta i { transform: translateX(3px); } .widget-oferta-educativa-card--foto { padding: 0; overflow: hidden; } .widget-oferta-educativa-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; } .widget-oferta-educativa-card--foto:hover .widget-oferta-educativa-foto { transform: scale(1.06); } .widget-oferta-educativa-velo { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: var(--ce-space-4); padding-right: 56px; background: linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.35) 45%, transparent 75%); } .widget-oferta-educativa-tag-foto { position: absolute; top: 12px; left: 12px; z-index: 1; background-color: rgba(0,0,0,.45); border-color: var(--ce-color-neutral-0); color: var(--ce-color-neutral-0); } .widget-oferta-educativa-nombre-foto { color: var(--ce-color-neutral-0); font-size: 1.15rem; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; } .widget-oferta-educativa-card--foto .widget-oferta-educativa-flecha { position: absolute; right: 14px; bottom: 14px; width: 36px; height: 36px; min-height: 36px; min-width: 36px; padding: 0; font-size: .8rem; } .widget-oferta-educativa-icono-badge { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; background: rgba(var(--ce-color-brand-600-rgb), 0.12156862745098039); color: var(--ce-color-brand-600); margin-bottom: 20px; transition: transform .25s ease; } .widget-oferta-educativa-card .ce-tag { margin-bottom: 8px; } .widget-oferta-educativa-nombre { display: block; font-size: 1.15rem; font-weight: 800; color: var(--ce-color-semantic-text-primary); line-height: 1.28; letter-spacing: -.01em; margin-bottom: 22px; } .widget-oferta-educativa-cta { display: flex; align-items: center; gap: 6px; margin-top: auto; font-size: .85rem; font-weight: 700; color: var(--ce-color-brand-600); } .widget-oferta-educativa-cta i { font-size: .78rem; transition: transform .25s ease; } .widget-doc-departamento-abrir { font-size: .85rem; font-weight: 600; color: #666; text-decoration: none; white-space: nowrap; } .widget-doc-departamento-abrir:hover { color: var(--ce-color-brand-600); } .widget-doc-departamento-abrir i { margin-right: 4px; } .widget-doc-departamento-migas { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: .82rem; color: #888; margin-bottom: 16px; } .widget-doc-departamento-migas a { color: #666; text-decoration: none; font-weight: 600; } .widget-doc-departamento-migas a:hover { color: var(--ce-color-brand-600); } .widget-doc-departamento-migas i { font-size: .7rem; color: #ccc; } .widget-doc-departamento-migas span { font-weight: 600; } .widget-doc-departamento-vacio { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: var(--ce-color-semantic-surface-sunken); border: 1px dashed var(--ce-color-semantic-border-subtle); border-radius: 10px; padding: 36px 24px; margin: 0; } .widget-doc-departamento-vacio-icono { font-size: 2rem; color: var(--ce-color-semantic-text-secondary); opacity: .65; margin-bottom: 14px; } .widget-doc-departamento-vacio-texto { color: var(--ce-color-semantic-text-secondary); font-size: .95rem; } .widget-doc-departamento-grid { display: flex; flex-direction: column; background-color: var(--ce-color-semantic-surface); border: var(--ce-size-border-width) solid var(--ce-color-semantic-border-subtle); border-radius: var(--ce-size-radius-container); overflow: hidden; } .widget-doc-departamento-item { display: flex; align-items: center; gap: 12px; padding: var(--ce-space-3) var(--ce-space-4); text-decoration: none; color: inherit; border-bottom: var(--ce-size-border-width) solid var(--ce-color-semantic-border-subtle); } .widget-doc-departamento-item:last-child { border-bottom: none; } .widget-doc-departamento-item:hover { background-color: var(--ce-color-semantic-surface-sunken); color: inherit; } .widget-doc-departamento-icono { flex: 0 0 auto; font-size: 1.2rem; width: 24px; text-align: center; } .widget-doc-departamento-nombre { flex: 1 1 auto; min-width: 0; font-size: .92rem; font-weight: var(--ce-font-weight-medium); overflow-wrap: break-word; } .widget-doc-departamento-tamano { flex: 0 0 auto; font-size: var(--ce-font-size-xs); color: var(--ce-color-semantic-text-secondary); font-variant-numeric: tabular-nums; } .widget-doc-departamento-item .text-danger { color: var(--ce-color-state-danger) !important; } .widget-doc-departamento-item .text-info { color: var(--ce-color-state-info) !important; } .widget-doc-departamento-item .text-success { color: var(--ce-color-state-success) !important; } .widget-doc-departamento-item .text-warning { color: var(--ce-color-state-warning) !important; } .widget-doc-departamento-item .text-primary { color: var(--ce-color-semantic-link) !important; } .widget-doc-departamento-item .text-secondary { color: var(--ce-color-semantic-text-secondary) !important; } .widget-doc-departamento-vermas { display: inline-block; margin-top: 16px; font-size: .85rem; font-weight: 600; color: var(--ce-color-brand-600); text-decoration: none; } .widget-custom-wrapper { margin: 0 auto; } .widget-custom-wrapper--pos-arriba, .widget-custom-wrapper--pos-abajo { display: flex; flex-direction: column; gap: 20px; } .widget-custom-wrapper--pos-izquierda, .widget-custom-wrapper--pos-derecha { display: grid; gap: 20px; align-items: stretch; } .widget-custom-wrapper--pos-izquierda.widget-custom-wrapper--prop-1-2, .widget-custom-wrapper--pos-derecha.widget-custom-wrapper--prop-1-2 { grid-template-columns: 1fr 1fr; } .widget-custom-wrapper--pos-izquierda.widget-custom-wrapper--prop-1-3 { grid-template-columns: 1fr 2fr; } .widget-custom-wrapper--pos-derecha.widget-custom-wrapper--prop-1-3 { grid-template-columns: 2fr 1fr; } @media (max-width: 767px) { .widget-custom-wrapper--pos-izquierda, .widget-custom-wrapper--pos-derecha, .widget-custom-wrapper--pos-izquierda.widget-custom-wrapper--prop-1-2, .widget-custom-wrapper--pos-derecha.widget-custom-wrapper--prop-1-2, .widget-custom-wrapper--pos-izquierda.widget-custom-wrapper--prop-1-3, .widget-custom-wrapper--pos-derecha.widget-custom-wrapper--prop-1-3 { grid-template-columns: 1fr; } } .widget-custom-embed { /* min-width:0 obligatorio como hijo de grid: sin él, el iframe no encoge por debajo de su ancho intrínseco y desborda. */ min-width: 0; } .widget-custom-embed iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--ce-size-radius-container); } .widget-custom-grid { display: grid; gap: 20px; } .widget-custom-grid-1 { grid-template-columns: 1fr; } .widget-custom-grid-2 { grid-template-columns: 1fr 1fr; } .widget-custom-grid-3 { grid-template-columns: repeat(3, 1fr); } @media (max-width: 767px) { .widget-custom-grid { grid-template-columns: 1fr; } } .widget-custom-banner { position: relative; grid-template-columns: 1fr; text-decoration: none; min-height: 0; border-radius: var(--ce-size-radius-container); overflow: hidden; --ce-color-focus-ring: var(--ce-color-neutral-0); background: linear-gradient(135deg, color-mix(in srgb, var(--ce-color-brand-600) 85%, transparent), color-mix(in srgb, var(--ce-color-brand-900) 85%, transparent) ), url('../img/cita-previa-fondo.jpg') center / cover no-repeat; } .widget-custom-banner.widget-custom-banner--secretaria { background: linear-gradient(135deg, color-mix(in srgb, var(--ce-color-brand-600) 85%, transparent), color-mix(in srgb, var(--ce-color-brand-900) 85%, transparent) ), url('../img/secretaria-virtual-fondo.jpg') center / cover no-repeat; } .widget-custom-banner.widget-custom-banner--listas { background: linear-gradient(135deg, var(--ce-color-brand-600), var(--ce-color-brand-900)); } .widget-custom-banner .ce-hero__contenido { position: relative; z-index: 1; padding: 36px 40px; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; } .widget-custom-banner .ce-hero__titulo { color: var(--ce-color-neutral-0); margin: 0; } .widget-custom-banner .ce-hero__resumen { color: var(--ce-color-brand-100); margin: 0; } .widget-custom-texto { display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; min-width: 0; } @media (max-width: 575px) { .widget-custom-banner .ce-hero__contenido { flex-direction: column; align-items: flex-start; padding: 28px; } .widget-custom-banner .ce-btn--icon { align-self: flex-end; } } .widget-custom-banner--listas .ce-hero__contenido { flex-direction: column; align-items: stretch; gap: 16px; } .widget-consulta-listas-form input { width: 100%; } .widget-consulta-listas-resultado:empty { display: none; } .widget-consulta-listas-resultado { display: flex; flex-direction: column; gap: 6px; } .widget-consulta-listas-item, .widget-consulta-listas-mensaje { margin: 0; padding: 10px 12px; border-radius: var(--ce-size-radius-md); background: color-mix(in srgb, var(--ce-color-neutral-0) 16%, transparent); color: var(--ce-color-neutral-0); font-size: .85rem; line-height: 1.4; } .widget-consulta-listas-reiniciar { align-self: flex-start; padding: 0; border: 0; background: transparent; color: var(--ce-color-brand-100); font: inherit; font-size: .8rem; font-weight: 600; text-decoration: underline; cursor: pointer; } .widget-consulta-listas-reiniciar:hover { color: var(--ce-color-neutral-0); } .estudiar-intro { font-size: 1.05rem; color: var(--ce-color-semantic-text-secondary); margin-bottom: var(--ce-space-5); max-width: 760px; } .estudiar-nav-rapida { display: flex; flex-wrap: wrap; gap: var(--ce-space-2); margin-bottom: var(--ce-space-6); padding-bottom: var(--ce-space-5); border-bottom: var(--ce-size-border-width) solid var(--ce-color-semantic-border-subtle); } .estudiar-categoria { margin-bottom: var(--ce-space-8); scroll-margin-top: var(--ce-space-6); } .estudiar-categoria:last-child { margin-bottom: 0; } .estudiar-categoria-titulo { font-size: var(--ce-font-size-lg); font-weight: var(--ce-font-weight-bold); color: var(--ce-color-brand-600); margin-bottom: var(--ce-space-5); } .estudiar-grado-titulo { font-size: var(--ce-font-size-xs); font-weight: var(--ce-font-weight-bold); color: var(--ce-color-semantic-text-secondary); text-transform: uppercase; letter-spacing: .03em; margin: var(--ce-space-6) 0 var(--ce-space-3); } .estudiar-grado-titulo:first-of-type { margin-top: 0; } .estudiar-card { display: flex; flex-direction: column; color: inherit; text-decoration: none; } .estudiar-card-icono-badge { width: 52px; height: 52px; border-radius: var(--ce-size-radius-md); display: flex; align-items: center; justify-content: center; font-size: 1.25rem; background: rgba(var(--ce-color-brand-600-rgb), 0.12156862745098039); color: var(--ce-color-brand-600); margin-bottom: var(--ce-space-4); } .estudiar-card .ce-tag { margin-bottom: var(--ce-space-2); align-self: flex-start; } .estudiar-card-nombre { font-size: 1.05rem; font-weight: 700; color: var(--ce-color-semantic-text-primary); line-height: 1.3; transition: color var(--ce-duration-fast); } .estudiar-card:hover .estudiar-card-nombre { color: var(--ce-color-brand-600); } .estudiar-card-descripcion { font-size: .9rem; color: var(--ce-color-semantic-text-secondary); line-height: 1.5; margin-top: var(--ce-space-2); } .estudiar-card-cta { display: flex; align-items: center; gap: var(--ce-space-1); margin-top: auto; padding-top: var(--ce-space-3); font-size: .85rem; font-weight: 700; color: var(--ce-color-brand-600); } .estudiar-card-cta i { font-size: .78rem; transition: transform var(--ce-duration-fast); } .estudiar-card:hover .estudiar-card-cta i { transform: translateX(3px); } .estudiar-card--foto { padding: 0; overflow: hidden; min-height: 260px; } .estudiar-card-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; } .estudiar-card--foto:hover .estudiar-card-foto { transform: scale(1.06); } .estudiar-card-tag { position: absolute; top: var(--ce-space-3); left: var(--ce-space-3); z-index: 1; background-color: rgba(0,0,0,.45); border-color: var(--ce-color-neutral-0); color: var(--ce-color-neutral-0); } .estudiar-card-velo { position: absolute; inset: 0; display: flex; align-items: flex-end; padding: var(--ce-space-4); padding-right: 56px; background: linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.35) 45%, transparent 75%); } .estudiar-card-nombre-foto { color: var(--ce-color-neutral-0); font-size: 1.1rem; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; } .estudiar-card-flecha { position: absolute; right: var(--ce-space-3); bottom: var(--ce-space-3); width: 36px; height: 36px; min-height: 36px; min-width: 36px; padding: 0; font-size: .8rem; } .cp-progreso { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 36px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .cp-progreso-paso { display: flex; align-items: center; gap: 8px; font-size: .88rem; font-weight: 600; color: #aaa; } .cp-progreso-num { width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; background: #eee; color: #999; display: flex; align-items: center; justify-content: center; font-size: .8rem; } .cp-progreso-paso.is-activo { color: var(--ce-color-brand-600); } .cp-progreso-paso.is-activo .cp-progreso-num { background: var(--ce-color-brand-600); color: var(--ce-color-neutral-0); } .cp-paso-titulo { font-size: var(--ce-font-size-xl); font-weight: var(--ce-font-weight-bold); margin-bottom: var(--ce-space-5); } .cp-grupo-titulo { font-size: var(--ce-font-size-sm); font-weight: var(--ce-font-weight-bold); text-transform: uppercase; letter-spacing: .03em; color: var(--ce-color-semantic-text-secondary); margin: var(--ce-space-5) 0 var(--ce-space-3); } .cp-grupo-titulo:first-child { margin-top: 0; } .cp-cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); grid-auto-flow: dense; gap: 14px; } .cp-card-ancha { grid-column: span 2; } @media (max-width: 480px) { .cp-card-ancha { grid-column: span 1; } } .cp-card { display: flex; flex-direction: column; align-items: flex-start; text-align: left; cursor: pointer; color: var(--ce-color-semantic-text-primary); } .cp-card.is-seleccionada { border-color: var(--ce-color-brand-600); background: var(--ce-color-brand-tint); } .cp-card-nombre { display: block; font-weight: 700; font-size: .95rem; } .cp-card-descripcion { display: block; font-size: .85rem; color: var(--ce-color-semantic-text-secondary); margin-top: 6px; } .cp-card-meta { display: block; font-size: .8rem; color: var(--ce-color-semantic-text-secondary); margin-top: 6px; } .cp-card-huecos { display: block; font-size: .78rem; color: var(--ce-color-semantic-text-secondary); margin-top: 4px; font-weight: 400; } .cp-hora { justify-self: stretch; text-align: center; padding: 12px; font-weight: 700; } .cp-input-fecha { width: 100%; max-width: 260px; padding: 10px 14px; border: 1px solid #dcdcdc; border-radius: var(--ce-size-radius-container); font-size: .95rem; margin-bottom: 20px; } .cp-datos-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; max-width: 720px; } .cp-campo { display: flex; flex-direction: column; gap: 6px; } .cp-campo-label { font-size: .82rem; font-weight: 700; color: #555; } .cp-input { padding: 10px 14px; border: 1px solid #dcdcdc; border-radius: var(--ce-size-radius-container); font-size: .95rem; width: 100%; } .cp-telefono-grupo { display: flex; gap: 8px; } .cp-select-codigo { flex: 0 0 96px; padding-left: 8px; padding-right: 4px; } .cp-input-telefono { flex: 1 1 auto; min-width: 0; } .cp-campo-opcional { font-weight: 400; color: #999; } .cp-campo-error { font-size: .8rem; color: #b3261e; } .cp-campo-comentarios { max-width: 720px; margin-top: 14px; } .cp-textarea { resize: vertical; font-family: inherit; } .cp-privacidad-aviso { font-size: .85rem; color: #666; max-width: 720px; margin-bottom: 20px; } .cp-privacidad-aviso a { color: var(--ce-color-brand-600); } .cp-privacidad-check { display: flex; align-items: flex-start; gap: 10px; max-width: 720px; margin-top: 20px; font-size: .88rem; color: #444; cursor: pointer; } .cp-privacidad-check input { margin-top: 3px; flex: 0 0 auto; } .cp-nav { display: flex; gap: 12px; margin-top: 32px; } #cp-siguiente, #cp-confirmar { margin-left: auto; } .cp-mensaje { margin-top: 24px; } .agenda-vacio-mes .agenda-vacio-icono { font-size: 1.5rem; margin-bottom: 10px; } .legal-contenido { max-width: var(--ce-size-measure); text-align: left; } .legal-contenido h2 { margin-top: var(--ce-space-7); margin-bottom: var(--ce-space-3); scroll-margin-top: var(--ce-space-5); font-size: var(--ce-font-size-lg); font-weight: var(--ce-font-weight-bold); color: var(--ce-color-semantic-text-primary); } .legal-contenido h3 { margin-top: var(--ce-space-5); margin-bottom: var(--ce-space-2); scroll-margin-top: var(--ce-space-5); font-size: var(--ce-font-size-md); font-weight: var(--ce-font-weight-bold); color: var(--ce-color-semantic-text-primary); } .legal-contenido .ce-notice { margin-bottom: var(--ce-space-6); } .legal-tabla-cookies { overflow-x: auto; margin: var(--ce-space-5) 0; } .legal-tabla-cookies table { width: 100%; border-collapse: collapse; font-size: var(--ce-font-size-sm); } .legal-tabla-cookies th, .legal-tabla-cookies td { padding: var(--ce-space-3); border-bottom: var(--ce-size-border-width) solid var(--ce-color-semantic-border-subtle); text-align: left; vertical-align: top; } .legal-tabla-cookies th { color: var(--ce-color-semantic-text-secondary); font-weight: var(--ce-font-weight-bold); white-space: nowrap; }