/* ============================================================ NOTICIOSO AUTOMÁTICO — Paletas de color Se elige desde el panel (Ajustes → Apariencia) y se aplica con el atributo data-tema en , tanto en el sitio como en el panel de administración. ============================================================ */ :root, [data-tema="original"] { --fondo: #ffffff; --pagina: #e9eef5; --superficie: #f4f7fb; --superficie2: #e9eff7; --linea: #d8e1ed; --texto: #16202e; --texto2: #5d6b7f; --marca: #0b4da2; /* azul institucional */ --marca2: #083b7d; --acento: #d92b2b; /* rojo de titulares */ --cat: #0b4da2; --barra-fondo: #ffffff; --barra-texto: #16202e; --cab-fondo: #ffffff; --nav-fondo: #0b4da2; --nav-texto: #ffffff; --pie-fondo: #0e2545; --pie-texto: #dbe4f0; --sombra: 0 2px 10px rgba(16, 34, 62, .08); --sombra-alta: 0 12px 28px rgba(16, 34, 62, .16); } [data-tema="rojo"] { --fondo: #ffffff; --pagina: #f2e9e9; --superficie: #faf5f5; --superficie2: #f3e8e8; --linea: #e7d7d7; --texto: #1e1414; --texto2: #6d5c5c; --marca: #b81d24; --marca2: #8c1319; --acento: #14396f; --cat: #b81d24; --barra-fondo: #ffffff; --barra-texto: #1e1414; --cab-fondo: #ffffff; --nav-fondo: #b81d24; --nav-texto: #ffffff; --pie-fondo: #2a1113; --pie-texto: #eddadb; --sombra: 0 2px 10px rgba(60, 20, 20, .09); --sombra-alta: 0 12px 28px rgba(60, 20, 20, .18); } [data-tema="verde"] { --fondo: #ffffff; --pagina: #e7f0ea; --superficie: #f2f8f4; --superficie2: #e4f0e8; --linea: #d3e3d9; --texto: #12211a; --texto2: #566b60; --marca: #12694a; --marca2: #0d5138; --acento: #c8801a; --cat: #12694a; --barra-fondo: #ffffff; --barra-texto: #12211a; --cab-fondo: #ffffff; --nav-fondo: #12694a; --nav-texto: #ffffff; --pie-fondo: #0f2a20; --pie-texto: #d9e9e0; --sombra: 0 2px 10px rgba(18, 60, 44, .09); --sombra-alta: 0 12px 28px rgba(18, 60, 44, .17); } [data-tema="grafito"] { --fondo: #ffffff; --pagina: #e8eaee; --superficie: #f5f6f7; --superficie2: #eaecef; --linea: #dcdfe4; --texto: #14181d; --texto2: #5f6773; --marca: #1f2733; --marca2: #0e141c; --acento: #d97706; --cat: #1f2733; --barra-fondo: #ffffff; --barra-texto: #14181d; --cab-fondo: #ffffff; --nav-fondo: #1f2733; --nav-texto: #ffffff; --pie-fondo: #14181d; --pie-texto: #d6dae0; --sombra: 0 2px 10px rgba(20, 24, 29, .08); --sombra-alta: 0 12px 28px rgba(20, 24, 29, .18); } [data-tema="oscuro"] { --fondo: #0e131c; --pagina: #070a10; --superficie: #161d2a; --superficie2: #1e2635; --linea: #26304250; --texto: #e9edf4; --texto2: #97a1b4; --marca: #3d8bff; --marca2: #2f6fd6; --acento: #ff4655; --cat: #3d8bff; --barra-fondo: #ffffff; --barra-texto: #16202e; --cab-fondo: #0e131c; --nav-fondo: #161d2a; --nav-texto: #e9edf4; --pie-fondo: #080c13; --pie-texto: #b8c1d1; --sombra: 0 2px 10px rgba(0, 0, 0, .4); --sombra-alta: 0 12px 30px rgba(0, 0, 0, .55); } [data-tema="medianoche"] { --fondo: #12101a; --pagina: #0a0810; --superficie: #1b1826; --superficie2: #241f33; --linea: #302a4250; --texto: #f0ecf7; --texto2: #a49bbb; --marca: #a78bfa; --marca2: #8b6cf0; --acento: #f0a020; --cat: #a78bfa; --barra-fondo: #ffffff; --barra-texto: #16202e; --cab-fondo: #12101a; --nav-fondo: #1b1826; --nav-texto: #f0ecf7; --pie-fondo: #0c0a12; --pie-texto: #c3bad6; --sombra: 0 2px 10px rgba(0, 0, 0, .4); --sombra-alta: 0 12px 30px rgba(0, 0, 0, .55); } /* Tipografías comunes al sitio y al panel */ :root { --f-display: "Roboto Condensed", "Arial Narrow", sans-serif; --f-texto: "Roboto", Arial, sans-serif; --radio: 6px; }