/* =========================================================================
   CIGIDEN R+ — Estilos de marca
   Bootstrap aporta grilla y responsive. Aquí solo van marca + componentes.
   ========================================================================= */

/* ------------------------------------------------------------------ */
/* Tipografía local: Inter (Fontsource, subset latin)                 */
/* ------------------------------------------------------------------ */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/inter/inter-latin-300-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/inter/inter-latin-400-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/inter/inter-latin-500-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/inter/inter-latin-700-normal.woff2') format('woff2');
}

/* ------------------------------------------------------------------ */
/* Variables de marca (Manual de Marca v1.0 2026)                     */
/* ------------------------------------------------------------------ */
:root {
	--cig-orange: #E15200; /* Naranjo Alerta (primario) */
	--cig-dark:   #34302D; /* Negro amenazante (primario) */
	--cig-blue:   #2D5A7A; /* Azul Agua (secundario) */
	--cig-sky:    #90C8E8; /* Celeste Aire (secundario) */
	--cig-green:  #92B469; /* Verde Tierra (secundario) */
	--cig-red:    #C23721; /* Rojo Fuego (secundario) */
	--cig-gray:   #6c757d; /* Neutro para línea Infraestructuras */

	/* Reasignar el primary de Bootstrap al naranjo de marca */
	--bs-primary: var(--cig-orange);
	--bs-primary-rgb: 225, 82, 0;
	--bs-link-color: var(--cig-orange);
	--bs-link-hover-color: #b84400;
}

/* ------------------------------------------------------------------ */
/* Base                                                                */
/* ------------------------------------------------------------------ */
body {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	color: var(--cig-dark);
}
h1, h2, h3, h4, h5, h6 { font-weight: 700; }

.cig-text-orange { color: var(--cig-orange) !important; }
.cig-kicker { color: var(--cig-orange); font-size: .8rem; font-weight: 700; letter-spacing: .04em; }

/* Títulos de sección con subrayado corto (estilo del diseño) */
.cig-section-title {
	font-weight: 700;
	font-size: clamp(1.5rem, 2.5vw, 2rem);
}
.cig-link-more { color: var(--cig-orange); font-weight: 600; }
.cig-link-more:hover { color: #b84400; }

/* ------------------------------------------------------------------ */
/* Botones de marca                                                    */
/* ------------------------------------------------------------------ */
.cig-btn-primary {
	background: var(--cig-orange);
	color: #fff;
	border: 2px solid var(--cig-orange);
	border-radius: 999px;
	padding: .6rem 1.6rem;
	font-weight: 600;
}
.cig-btn-primary:hover { background: #b84400; border-color: #b84400; color: #fff; }

.cig-btn-outline-light {
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 999px;
	padding: .6rem 1.6rem;
	font-weight: 600;
}
.cig-btn-outline-light:hover { background: #fff; color: var(--cig-dark); }

/* ------------------------------------------------------------------ */
/* Header                                                              */
/* ------------------------------------------------------------------ */
.cig-header .cig-logo-fallback {
	color: var(--cig-orange);
	font-size: 1.5rem;
	letter-spacing: .02em;
}
.cig-nav .nav-link {
	color: var(--cig-dark);
	font-weight: 500;
	font-size: .95rem;
}
.cig-nav .nav-link:hover,
.cig-nav .nav-link.active { color: var(--cig-orange); }
.cig-nav .dropdown-menu { font-size: .92rem; }
.cig-nav .dropdown-item:active { background: var(--cig-orange); }
.cig-lang { font-size: .9rem; font-weight: 600; color: var(--cig-dark); }
.cig-search-toggle { color: var(--cig-dark); }
.cig-search-toggle:hover { color: var(--cig-orange); }

/* ------------------------------------------------------------------ */
/* Hero / carrusel                                                     */
/* ------------------------------------------------------------------ */
.cig-hero-slide {
	position: relative;
	min-height: 560px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	color: #fff;
}
.cig-hero-overlay {
	position: absolute; inset: 0;
	background: linear-gradient(90deg, rgba(52,48,45,.75) 0%, rgba(52,48,45,.35) 70%, rgba(52,48,45,.1) 100%);
}
.cig-hero-sub { font-weight: 600; letter-spacing: .05em; opacity: .9; }
.cig-hero-title {
	font-weight: 300;           /* Titular principal: Inter Light (manual) */
	font-size: clamp(2.2rem, 5vw, 3.5rem);
	line-height: 1.05;
	max-width: 16ch;
}
.cig-hero-indicators { margin-bottom: 2rem; }
.cig-hero-indicators [data-bs-target] {
	width: 34px; height: 4px; border-radius: 2px; opacity: .5;
}
.cig-hero-indicators .active { background: var(--cig-orange); opacity: 1; }

/* ------------------------------------------------------------------ */
/* Presentación + indicadores                                          */
/* ------------------------------------------------------------------ */
.cig-presentacion { margin-top: -80px; position: relative; z-index: 3; }
.cig-presentacion-card {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 20px 50px rgba(0,0,0,.12);
}
.cig-presentacion-title { font-weight: 700; font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1.1; }
.cig-stat-num { color: var(--cig-blue); font-size: 2rem; font-weight: 700; line-height: 1; }
.cig-stat-label { font-size: .9rem; color: var(--cig-dark); }

@media (max-width: 991.98px) {
	.cig-presentacion { margin-top: 0; }
}

/* ------------------------------------------------------------------ */
/* Tarjetas (noticias)                                                 */
/* ------------------------------------------------------------------ */
.cig-card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s ease, transform .2s ease;
}
.cig-card:hover { box-shadow: 0 12px 28px rgba(0,0,0,.10); transform: translateY(-3px); }
.cig-card-media { position: relative; overflow: hidden; aspect-ratio: 3 / 2; background: #e9ecef; }
.cig-card-media img { object-fit: cover; height: 100%; }
.cig-card-placeholder { display: block; width: 100%; height: 100%; background: #dee2e6; }
.cig-card-date { color: var(--cig-orange); font-weight: 600; }
.cig-badge {
	position: absolute; top: 10px; left: 10px;
	background: var(--cig-orange); color: #fff;
	font-size: .7rem; font-weight: 600;
	padding: .2rem .6rem; border-radius: 3px;
}

/* ------------------------------------------------------------------ */
/* Eventos                                                             */
/* ------------------------------------------------------------------ */
.cig-evento-card {
	background: #fff; border: 1px solid #eee; border-radius: 8px;
	display: flex; flex-direction: column; justify-content: space-between;
}
.cig-evento-fecha {
	background: var(--cig-orange); color: #fff;
	border-radius: 6px; padding: .5rem .6rem; min-width: 58px;
	align-self: flex-start;
}
.cig-evento-dia { font-size: 1.5rem; font-weight: 700; line-height: 1; }
.cig-evento-mes { font-size: .75rem; font-weight: 600; letter-spacing: .05em; }
.cig-evento-tipo { color: var(--cig-blue); font-weight: 600; }

/* ------------------------------------------------------------------ */
/* Investigadores                                                      */
/* ------------------------------------------------------------------ */
.cig-persona {
	background: #fff; border: 1px solid #eee; border-radius: 8px;
	overflow: hidden; display: flex; flex-direction: column;
	transition: box-shadow .2s ease;
	position: relative;
}
.cig-persona:hover { box-shadow: 0 12px 28px rgba(0,0,0,.10); }
.cig-persona-foto { aspect-ratio: 5 / 6; background: #e9ecef; overflow: hidden; }
.cig-persona-foto img { object-fit: cover; height: 100%; filter: grayscale(100%); transition: filter .3s ease; }
.cig-persona:hover .cig-persona-foto img { filter: grayscale(0%); }
.cig-persona-placeholder { display:block; width:100%; height:100%; background:#dee2e6; }
.cig-persona-nombre { font-weight: 700; }
.cig-persona-cargo {
	font-size: .75rem; font-weight: 600; color: var(--cig-dark);
	background: #f1f3f5; padding: .15rem .5rem; border-radius: 4px;
}
.cig-persona-uni { color: var(--cig-blue); font-weight: 600; }

/* ------------------------------------------------------------------ */
/* Newsletter                                                          */
/* ------------------------------------------------------------------ */
.cig-newsletter { background: var(--cig-dark); }
.cig-newsletter input[type="email"],
.cig-newsletter input[type="text"] {
	border: 0; border-radius: 4px; padding: .7rem 1rem; width: 100%;
}
.cig-newsletter input[type="submit"],
.cig-newsletter .wpcf7-submit {
	background: var(--cig-orange); color:#fff; border:0;
	border-radius: 4px; padding: .7rem 1.4rem; font-weight: 600;
}

/* ------------------------------------------------------------------ */
/* Universidades                                                       */
/* ------------------------------------------------------------------ */
.cig-uni-logo { max-height: 80px; width: auto; opacity: .75; filter: grayscale(100%); transition: all .3s ease; }
.cig-uni-logo:hover { opacity: 1; filter: grayscale(0%); }

/* ------------------------------------------------------------------ */
/* Páginas interiores                                                  */
/* ------------------------------------------------------------------ */
.cig-breadcrumb { color: #9aa0a6; letter-spacing: .04em; }
.cig-breadcrumb a { color: #9aa0a6; }
.cig-breadcrumb a:hover { color: var(--cig-orange); }
.cig-page-title {
	font-weight: 700; font-size: clamp(2rem, 4vw, 2.8rem);
	position: relative; padding-bottom: .6rem;
}
.cig-page-title::after {
	content: ""; position: absolute; left: 0; bottom: 0;
	width: 70px; height: 3px; background: var(--cig-orange);
}
.cig-entry-content { font-size: 1.05rem; line-height: 1.7; }

/* ------------------------------------------------------------------ */
/* Footer                                                              */
/* ------------------------------------------------------------------ */
.cig-footer { background: var(--cig-dark); }
.cig-footer a { color: rgba(255,255,255,.75); text-decoration: none; }
.cig-footer a:hover { color: #fff; }
.cig-footer-menu li { margin-bottom: .5rem; }

/* ------------------------------------------------------------------ */
/* Paginación                                                          */
/* ------------------------------------------------------------------ */
.cig-pagination .page-numbers {
	display: inline-block; padding: .4rem .8rem; margin: 0 .15rem;
	border: 1px solid #dee2e6; border-radius: 4px; color: var(--cig-dark);
	text-decoration: none;
}
.cig-pagination .page-numbers.current { background: var(--cig-orange); color:#fff; border-color: var(--cig-orange); }

/* =====================================================================
 * PÁGINAS INTERIORES — El Centro / Nosotros
 * ================================================================== */

/* Banner de imagen (hero interior sin texto) */
.cig-banner{
	background-size:cover;
	background-position:center;
	background-color:#c9c9c9;
}
.cig-banner--grande{ height:340px; }
.cig-banner--medio{ height:220px; }
@media (max-width:768px){
	.cig-banner--grande{ height:200px; }
	.cig-banner--medio{ height:150px; }
}

/* Encabezado (breadcrumb + título) */
.cig-encabezado{ padding:2.5rem 0 0.5rem; }
.cig-encabezado__crumb{
	font-size:.8rem; letter-spacing:.06em; text-transform:uppercase;
	color:#8a8a8a; margin-bottom:1rem;
}

/* Texto + imagen */
.cig-txtimg{ padding:2.5rem 0; }
.cig-txtimg.cig-bg-claro{ background:#f4f4f3; }
.cig-txtimg__sub{
	font-weight:700; font-size:1.6rem; color:var(--cig-dark); margin-bottom:1.25rem;
}
.cig-txtimg__lead{
	font-weight:700; font-size:1.15rem; color:var(--cig-dark); margin-bottom:1rem;
}
.cig-txtimg__body{ color:#3f3b38; line-height:1.7; }
.cig-txtimg__body p{ margin-bottom:1rem; }
.cig-txtimg__img{ width:100%; border-radius:2px; object-fit:cover; }

/* Tarjetas de enlace */
.cig-cards-enlace{ padding:2.5rem 0 3rem; }
.cig-cardlink{
	position:relative; display:flex; flex-direction:column; justify-content:flex-end;
	min-height:300px; padding:1.5rem; text-decoration:none;
	background-color:#8f8f8f; background-size:cover; background-position:center;
	color:#fff; transition:transform .25s ease, box-shadow .25s ease;
}
.cig-cardlink:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(52,48,45,.28); color:#fff; }
.cig-cardlink__title{ font-size:1.35rem; font-weight:700; line-height:1.2; }
.cig-cardlink__cta{
	display:flex; align-items:center; gap:.4rem; margin-top:.75rem;
	font-size:.95rem; color:#fff;
}

/* Directores */
.cig-directores{ background:#f0f0ef; padding:3rem 0; }
.cig-director{
	display:flex; background:#fff; border:1px solid #e6e6e4;
	height:100%; overflow:hidden;
}
.cig-director__foto{
	flex:0 0 40%; min-height:230px; background-size:cover; background-position:center;
	filter:grayscale(100%);
}
.cig-director__body{ padding:1.4rem 1.5rem; }
.cig-director__nombre{
	font-size:1.25rem; font-weight:700; color:var(--cig-dark);
	padding-bottom:.5rem; margin-bottom:.75rem; border-bottom:3px solid var(--cig-green);
	display:inline-block;
}
.cig-director__cargo{
	display:flex; align-items:center; gap:.4rem;
	font-weight:700; font-size:.9rem; color:var(--cig-dark); margin-bottom:.6rem;
}
.cig-director__desc{ font-size:.9rem; color:#5b5651; line-height:1.6; margin-bottom:1rem; }

/* Enlace con flecha (naranjo) */
.cig-link-arrow{
	display:inline-flex; align-items:center; gap:.4rem;
	color:var(--cig-orange); font-weight:600; text-decoration:none;
}
.cig-link-arrow:hover{ color:#b84400; gap:.6rem; transition:gap .2s ease; }

/* Título de sección con subrayado */
.cig-section-title{
	font-size:1.6rem; font-weight:700; color:var(--cig-dark); margin-bottom:2rem;
	padding-bottom:.6rem; position:relative;
}
.cig-section-title::after{
	content:""; position:absolute; left:50%; transform:translateX(-50%);
	bottom:0; width:56px; height:3px; background:var(--cig-orange);
}
.cig-section-title--green::after{ background:var(--cig-green); }

/* Misión / Visión */
.cig-mv{
	background:#2d5a7a center/cover no-repeat; padding:4rem 0;
}
.cig-mv__card{ background:#fff; padding:1.75rem; height:100%; }
.cig-mv__title{
	font-size:1.4rem; font-weight:700; color:var(--cig-dark);
	padding-bottom:.5rem; margin-bottom:1rem; border-bottom:3px solid var(--cig-sky);
	display:inline-block;
}
.cig-mv__card p{ color:#3f3b38; line-height:1.7; margin:0; }

/* Objetivos (panel naranjo) */
.cig-objetivos{ padding:2rem 0 3rem; }
.cig-objetivos__panel{ background:var(--cig-orange); color:#fff; padding:2.5rem; }
.cig-objetivos__title{ font-size:2.4rem; font-weight:700; margin-bottom:1rem; }
.cig-objetivos__lead{ font-size:1rem; line-height:1.6; margin-bottom:1.5rem; }
.cig-objetivos__list{ list-style:none; margin:0; padding:0; }
.cig-objetivos__list li{
	display:flex; align-items:center; gap:.75rem;
	padding:.85rem 0; border-bottom:1px solid rgba(255,255,255,.5);
	font-weight:700; font-size:1.05rem;
}
.cig-objetivos__img{
	min-height:280px; background-size:cover; background-position:center; background-color:#8f8f8f;
}