/* Theme Name: CETRADEC Child Theme URI: https://cetradec.com/ Description: Tema hijo de CETRADEC S.L. — centro de traumatología del deporte y columna en Valencia. Contiene las personalizaciones del proyecto para que las actualizaciones del tema padre no las sobrescriban. Author: CETRADEC S.L. Author URI: https://cetradec.com/ Template: twentytwentyfive Version: 1.3.1 Requires at least: 6.0 Requires PHP: 8.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: cetradec-child Tags: salud, clinica, traumatologia */ /* ============================================================================= TEMA PADRE — resuelto el 26/08/2026 (validación de compatibilidad) Template: twentytwentyfive — Twenty Twenty-Five, tema núcleo de WordPress, ya instalado (inactivo) en el hosting. Elegido sobre «Extendable» (Extendify, el que trae IONOS por defecto) por ser mantenido por el propio equipo de WordPress, sin dependencia de un plugin de onboarding de terceros. Twenty Twenty-Five es un tema de bloques (FSE): las plantillas van en /templates/ y /parts/, no en ficheros PHP clásicos. Por eso 404.php ya NO se usa — ver /templates/404.html, que sustituye su contenido con bloques nativos (Page List en vez del array de enlaces, mismo criterio: solo enlazar páginas que existen realmente). 404.php se conserva en el paquete solo como referencia histórica; no lo carga WordPress con este tema padre. Este fichero solo debe contener CSS propio del proyecto. El CSS del tema padre se carga desde functions.php, no con @import (que bloquea el renderizado). Variables de la identidad visual «Impulso» aplicada a la maqueta el 25/07/2026 (preview/index.html). Ajusta los valores si el cliente valida otro diseño. PENDIENTE: verificar el contraste de esta paleta contra WCAG 2.1 AA — acción #44. ============================================================================= */ :root { /* Actualizado 2026-09-06 a la paleta corporativa CETRADEC. */ --cet-bg: #FFFFFF; /* fondo general */ --cet-surface: #F2F7F8; /* tarjetas y bloques */ --cet-ink: #26383D; /* texto principal */ --cet-muted: #617277; /* texto secundario */ --cet-line: #E1E9EB; /* separadores */ --cet-brand: #2F6F8F; /* azul sanitario */ --cet-brand-2: #174A5B; /* azul petroleo */ --cet-accent: #5FA89B; /* verde salud */ --cet-focus: #5A9CBE; /* anillo de foco accesible sobre claro u oscuro */ } /* Foco visible en toda la web: requisito WCAG y hoy ausente en la maqueta. */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--cet-focus); outline-offset: 2px; border-radius: 4px; } /* Enlace de salto al contenido, para navegación por teclado y lectores de pantalla. */ .cet-skip-link { position: absolute; left: -9999px; top: 0; z-index: 10000; padding: 12px 18px; background: var(--cet-brand-2); color: #fff; font-weight: 700; text-decoration: none; } .cet-skip-link:focus { left: 8px; top: 8px; } /* Barra fija de contacto en móvil — acción #34, hoy inexistente en la maqueta. El markup lo inyecta functions.php. */ .cet-mobile-bar { display: none; } @media (max-width: 780px) { .cet-mobile-bar { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; background: var(--cet-line); box-shadow: 0 -6px 18px rgba(0, 0, 0, .35); padding-bottom: env(safe-area-inset-bottom); } .cet-mobile-bar a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 56px; font-weight: 600; font-size: .95rem; text-decoration: none; background: var(--cet-surface); color: var(--cet-ink); } .cet-mobile-bar a.cet-cta { background: var(--cet-brand-2); color: #fff; } /* Evita que la barra tape el final de la página */ body { padding-bottom: 60px; } } /* Respeto por quien ha pedido menos animación en su sistema operativo. Ausente en la maqueta y presente en las 3 propuestas de landing. */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } } /* Impresión: que una ficha de patología se pueda imprimir y entregar al paciente. */ @media print { .cet-mobile-bar, .cet-skip-link, nav, footer .widget, .cookie-banner { display: none !important; } body { background: #fff !important; color: #000 !important; } a[href^="http"]::after { content: " (" attr(href) ")"; font-size: .8em; } } /* ============================================================================= SISTEMA DE DISEÑO "IMPULSO" — replicado de preview/index.html el 26/08/2026. Mismos nombres de variable y mismos componentes visuales que la maqueta de referencia (ver preview/index.html, líneas ~46-308). En la maqueta, header y footer eran
/