/*
Theme Name: COCOCHI Colegio
Template: cocochi
Author: Corporación Educacional Colegio Concepción Ñuble
Description: Tema común para los sitios de los colegios de la Corporación (Concepción de Chillán, Concepción de San Carlos, Bicentenario Enrique Salinas Buscovich y Colegio Chillán). Cada colegio define su logo, color de acento y datos en Ajustes > Datos institucionales. Requiere el tema "COCOCHI Institucional" y el plugin COCOCHI.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: cocochi
*/

/* Barra de la red de colegios */
.cocochi-red ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; }
.cocochi-red a { color: #fff; text-decoration: none; font-size: .8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; opacity: .9; }
.cocochi-red a:hover { opacity: 1; text-decoration: underline; }
.cocochi-red a[aria-current="page"] { color: var(--cc-acento); opacity: 1; }
@media (max-width: 781px) {
	.cocochi-red ul { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
	.cocochi-red li { flex: none; }
}

/* Cabecera en el color del colegio */
.cocochi-header.cocochi-header--colegio { background: var(--cc-acento); box-shadow: 0 2px 0 rgba(2, 19, 87, .12); }
.cocochi-header--colegio .wp-block-site-logo img { max-height: 76px; }
@media (max-width: 600px) { .cocochi-header--colegio .wp-block-site-logo img { max-height: 54px; } }
.cocochi-header--colegio .wp-block-navigation { color: var(--cc-azul-profundo); }
.cocochi-header--colegio .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after { background: var(--cc-azul) !important; }
.cocochi-header--colegio .wp-block-navigation__submenu-icon { color: var(--cc-azul) !important; }
.cocochi-header--colegio .wp-block-navigation__responsive-container-open { color: var(--cc-azul-profundo); }

/* Encabezados de página: franja inferior en el color del colegio */
.cocochi-hero { border-bottom-color: var(--cc-acento); }
.cocochi-hero .cocochi-antetitulo { color: var(--cc-acento); }

/* Portada */
.cocochi-portada-titulo { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.cocochi-portada-titulo a { font-weight: 700; text-decoration: none; }
.cocochi-portada-titulo a:hover { text-decoration: underline; }

/* Pie */
.cocochi-footer--colegio { border-top-color: var(--cc-acento); }
.cocochi-footer--colegio .wp-block-site-logo { background: var(--cc-acento); border-radius: 12px; padding: .5rem .75rem; display: inline-block; }
.cocochi-footer--colegio .wp-block-site-logo img { max-height: 70px; width: auto; }
.cocochi-footer--colegio h2 { color: var(--cc-acento); }
.cocochi-footer--colegio .cocochi-red ul { flex-direction: column; gap: .5rem; }
.cocochi-footer--colegio .cocochi-red a { text-transform: none; font-size: .9375rem; font-weight: 400; letter-spacing: 0; }