:root {
	--rojo-camilo: #C62828;
	--azul-marino: #002147;
	--gris-claro: #F5F5F5;
	--amarillo-camilo: #FFC107;
	--blanco: #FFFFFF;
	
	--hf-azul: #0e1a2b;
	--hf-amarillo: #eab308;
	--hf-texto: #334155;

    --hf-beige:#D9CBBA; /* base */
	--hf-red:#F20505;   /* acento (hover/activo) */
    --hf-blue:#0d47a1;

    --bs-primary: #ffc107;       /* Amarillo */
    --bs-primary-rgb: 255,193,7; /* Amarillo en RGB */
    --bs-link-color: #ffc107;
    --bs-link-hover-color: #D9CBBA; /* Verde al pasar el mouse */


    --eduka-primary: #F20505;  /* rojo */
    --eduka-secondary: #D9CBBA;/* beige */
    --eduka-dark: #2b1e16;     /* tono oscuro neutro (puedes dejar #000 si prefieres) */
}


/* ================================================ ESPACEADO ================================================ */

/* MÁRGENES */
.margin-5   { margin: 5px; }
.margin-10  { margin: 10px; }
.margin-15  { margin: 15px; }
.margin-20  { margin: 20px; }
.margin-25  { margin: 25px; }
.margin-30  { margin: 30px; }
.margin-35  { margin: 35px; }
.margin-40  { margin: 40px; }
.margin-45  { margin: 45px; }
.margin-50  { margin: 50px; }
.margin-55  { margin: 55px; }
.margin-60  { margin: 60px; }
.margin-65  { margin: 65px; }
.margin-70  { margin: 70px; }
.margin-75  { margin: 75px; }
.margin-80  { margin: 80px; }
.margin-85  { margin: 85px; }
.margin-90  { margin: 90px; }
.margin-95  { margin: 95px; }
.margin-100 { margin: 100px; }

/* MÁRGENES SUPERIORES */
.margin-top-5   { margin-top: 5px; }
.margin-top-10  { margin-top: 10px; }
.margin-top-15  { margin-top: 15px; }
.margin-top-20  { margin-top: 20px; }
.margin-top-25  { margin-top: 25px; }
.margin-top-30  { margin-top: 30px; }
.margin-top-35  { margin-top: 35px; }
.margin-top-40  { margin-top: 40px; }
.margin-top-45  { margin-top: 45px; }
.margin-top-50  { margin-top: 50px; }
.margin-top-55  { margin-top: 55px; }
.margin-top-60  { margin-top: 60px; }
.margin-top-65  { margin-top: 65px; }
.margin-top-70  { margin-top: 70px; }
.margin-top-75  { margin-top: 75px; }
.margin-top-80  { margin-top: 80px; }
.margin-top-85  { margin-top: 85px; }
.margin-top-90  { margin-top: 90px; }
.margin-top-95  { margin-top: 95px; }
.margin-top-100 { margin-top: 100px; }

/* MÁRGENES INFERIORES */
.margin-bottom-5   { margin-bottom: 5px; }
.margin-bottom-10  { margin-bottom: 10px; }
.margin-bottom-15  { margin-bottom: 15px; }
.margin-bottom-20  { margin-bottom: 20px; }
.margin-bottom-25  { margin-bottom: 25px; }
.margin-bottom-30  { margin-bottom: 30px; }
.margin-bottom-35  { margin-bottom: 35px; }
.margin-bottom-40  { margin-bottom: 40px; }
.margin-bottom-45  { margin-bottom: 45px; }
.margin-bottom-50  { margin-bottom: 50px; }
.margin-bottom-55  { margin-bottom: 55px; }
.margin-bottom-60  { margin-bottom: 60px; }
.margin-bottom-65  { margin-bottom: 65px; }
.margin-bottom-70  { margin-bottom: 70px; }
.margin-bottom-75  { margin-bottom: 75px; }
.margin-bottom-80  { margin-bottom: 80px; }
.margin-bottom-85  { margin-bottom: 85px; }
.margin-bottom-90  { margin-bottom: 90px; }
.margin-bottom-95  { margin-bottom: 95px; }
.margin-bottom-100 { margin-bottom: 100px; }

/* MÁRGENES SUPERIORES E INFERIORES */
.margin-top-bottom-5   { margin-top: 5px; margin-bottom: 5px; }
.margin-top-bottom-10  { margin-top: 10px; margin-bottom: 10px; }
.margin-top-bottom-15  { margin-top: 15px; margin-bottom: 15px; }
.margin-top-bottom-20  { margin-top: 20px; margin-bottom: 20px; }
.margin-top-bottom-25  { margin-top: 25px; margin-bottom: 25px; }
.margin-top-bottom-30  { margin-top: 30px; margin-bottom: 30px; }
.margin-top-bottom-35  { margin-top: 35px; margin-bottom: 35px; }
.margin-top-bottom-40  { margin-top: 40px; margin-bottom: 40px; }
.margin-top-bottom-45  { margin-top: 45px; margin-bottom: 45px; }
.margin-top-bottom-50  { margin-top: 50px; margin-bottom: 50px; }
.margin-top-bottom-55  { margin-top: 55px; margin-bottom: 55px; }
.margin-top-bottom-60  { margin-top: 60px; margin-bottom: 60px; }
.margin-top-bottom-65  { margin-top: 65px; margin-bottom: 65px; }
.margin-top-bottom-70  { margin-top: 70px; margin-bottom: 70px; }
.margin-top-bottom-75  { margin-top: 75px; margin-bottom: 75px; }
.margin-top-bottom-80  { margin-top: 80px; margin-bottom: 80px; }
.margin-top-bottom-85  { margin-top: 85px; margin-bottom: 85px; }
.margin-top-bottom-90  { margin-top: 90px; margin-bottom: 90px; }
.margin-top-bottom-95  { margin-top: 95px; margin-bottom: 95px; }
.margin-top-bottom-100 { margin-top: 100px; margin-bottom: 100px; }

/* MÁRGENES IZQUIERDOS */
.margin-left-5   { margin-left: 5px; }
.margin-left-10  { margin-left: 10px; }
.margin-left-15  { margin-left: 15px; }
.margin-left-20  { margin-left: 20px; }
.margin-left-25  { margin-left: 25px; }
.margin-left-30  { margin-left: 30px; }
.margin-left-35  { margin-left: 35px; }
.margin-left-40  { margin-left: 40px; }
.margin-left-45  { margin-left: 45px; }
.margin-left-50  { margin-left: 50px; }

/* MÁRGENES DERECHOS */
.margin-right-5   { margin-right: 5px; }
.margin-right-10  { margin-right: 10px; }
.margin-right-15  { margin-right: 15px; }
.margin-right-20  { margin-right: 20px; }
.margin-right-25  { margin-right: 25px; }
.margin-right-30  { margin-right: 30px; }
.margin-right-35  { margin-right: 35px; }
.margin-right-40  { margin-right: 40px; }
.margin-right-45  { margin-right: 45px; }
.margin-right-50  { margin-right: 50px; }

/* MÁRGENES IZQUIERDO Y DERECHO */
.margin-left-right-5   { margin-left: 5px; margin-right: 5px; }
.margin-left-right-10  { margin-left: 10px; margin-right: 10px; }
.margin-left-right-15  { margin-left: 15px; margin-right: 15px; }
.margin-left-right-20  { margin-left: 20px; margin-right: 20px; }
.margin-left-right-25  { margin-left: 25px; margin-right: 25px; }
.margin-left-right-30  { margin-left: 30px; margin-right: 30px; }
.margin-left-right-35  { margin-left: 35px; margin-right: 35px; }
.margin-left-right-40  { margin-left: 40px; margin-right: 40px; }
.margin-left-right-45  { margin-left: 45px; margin-right: 45px; }
.margin-left-right-50  { margin-left: 50px; margin-right: 50px; }


/*  PADDING SUPERIOR  */
.padding-top-5   { padding-top: 5px; }
.padding-top-10  { padding-top: 10px; }
.padding-top-15  { padding-top: 15px; }
.padding-top-20  { padding-top: 20px; }
.padding-top-25  { padding-top: 25px; }
.padding-top-30  { padding-top: 30px; }
.padding-top-35  { padding-top: 35px; }
.padding-top-40  { padding-top: 40px; }
.padding-top-45  { padding-top: 45px; }
.padding-top-50  { padding-top: 50px; }
.padding-top-55  { padding-top: 55px; }
.padding-top-60  { padding-top: 60px; }
.padding-top-65  { padding-top: 65px; }
.padding-top-70  { padding-top: 70px; }
.padding-top-75  { padding-top: 75px; }
.padding-top-80  { padding-top: 80px; }
.padding-top-85  { padding-top: 85px; }
.padding-top-90  { padding-top: 90px; }
.padding-top-95  { padding-top: 95px; }
.padding-top-100 { padding-top: 100px; }

/*  PADDING INFERIOR  */
.padding-bottom-5   { padding-bottom: 5px; }
.padding-bottom-10  { padding-bottom: 10px; }
.padding-bottom-15  { padding-bottom: 15px; }
.padding-bottom-20  { padding-bottom: 20px; }
.padding-bottom-25  { padding-bottom: 25px; }
.padding-bottom-30  { padding-bottom: 30px; }
.padding-bottom-35  { padding-bottom: 35px; }
.padding-bottom-40  { padding-bottom: 40px; }
.padding-bottom-45  { padding-bottom: 45px; }
.padding-bottom-50  { padding-bottom: 50px; }
.padding-bottom-55  { padding-bottom: 55px; }
.padding-bottom-60  { padding-bottom: 60px; }
.padding-bottom-65  { padding-bottom: 65px; }
.padding-bottom-70  { padding-bottom: 70px; }
.padding-bottom-75  { padding-bottom: 75px; }
.padding-bottom-80  { padding-bottom: 80px; }
.padding-bottom-85  { padding-bottom: 85px; }
.padding-bottom-90  { padding-bottom: 90px; }
.padding-bottom-95  { padding-bottom: 95px; }
.padding-bottom-100 { padding-bottom: 100px; }

/*  PADDING SUPERIOR E INFERIOR  */
.padding-top-bottom-5   { padding-top: 5px; padding-bottom: 5px; }
.padding-top-bottom-10  { padding-top: 10px; padding-bottom: 10px; }
.padding-top-bottom-15  { padding-top: 15px; padding-bottom: 15px; }
.padding-top-bottom-20  { padding-top: 20px; padding-bottom: 20px; }
.padding-top-bottom-25  { padding-top: 25px; padding-bottom: 25px; }
.padding-top-bottom-30  { padding-top: 30px; padding-bottom: 30px; }
.padding-top-bottom-35  { padding-top: 35px; padding-bottom: 35px; }
.padding-top-bottom-40  { padding-top: 40px; padding-bottom: 40px; }
.padding-top-bottom-45  { padding-top: 45px; padding-bottom: 45px; }
.padding-top-bottom-50  { padding-top: 50px; padding-bottom: 50px; }
.padding-top-bottom-55  { padding-top: 55px; padding-bottom: 55px; }
.padding-top-bottom-60  { padding-top: 60px; padding-bottom: 60px; }
.padding-top-bottom-65  { padding-top: 65px; padding-bottom: 65px; }
.padding-top-bottom-70  { padding-top: 70px; padding-bottom: 70px; }
.padding-top-bottom-75  { padding-top: 75px; padding-bottom: 75px; }
.padding-top-bottom-80  { padding-top: 80px; padding-bottom: 80px; }
.padding-top-bottom-85  { padding-top: 85px; padding-bottom: 85px; }
.padding-top-bottom-90  { padding-top: 90px; padding-bottom: 90px; }
.padding-top-bottom-95  { padding-top: 95px; padding-bottom: 95px; }
.padding-top-bottom-100 { padding-top: 100px; padding-bottom: 100px; }

/*  PADDING IZQUIERDO  */
.padding-left-5   { padding-left: 5px; }
.padding-left-10  { padding-left: 10px; }
.padding-left-15  { padding-left: 15px; }
.padding-left-20  { padding-left: 20px; }
.padding-left-25  { padding-left: 25px; }
.padding-left-30  { padding-left: 30px; }
.padding-left-35  { padding-left: 35px; }
.padding-left-40  { padding-left: 40px; }
.padding-left-45  { padding-left: 45px; }
.padding-left-50  { padding-left: 50px; }

/*  PADDING DERECHO  */
.padding-right-5   { padding-right: 5px; }
.padding-right-10  { padding-right: 10px; }
.padding-right-15  { padding-right: 15px; }
.padding-right-20  { padding-right: 20px; }
.padding-right-25  { padding-right: 25px; }
.padding-right-30  { padding-right: 30px; }
.padding-right-35  { padding-right: 35px; }
.padding-right-40  { padding-right: 40px; }
.padding-right-45  { padding-right: 45px; }
.padding-right-50  { padding-right: 50px; }

/*  PADDING IZQUIERDO Y DERECHO  */
.padding-left-right-5   { padding-left: 5px; padding-right: 5px; }
.padding-left-right-10  { padding-left: 10px; padding-right: 10px; }
.padding-left-right-15  { padding-left: 15px; padding-right: 15px; }
.padding-left-right-20  { padding-left: 20px; padding-right: 20px; }
.padding-left-right-25  { padding-left: 25px; padding-right: 25px; }
.padding-left-right-30  { padding-left: 30px; padding-right: 30px; }
.padding-left-right-35  { padding-left: 35px; padding-right: 35px; }
.padding-left-right-40  { padding-left: 40px; padding-right: 40px; }
.padding-left-right-45  { padding-left: 45px; padding-right: 45px; }
.padding-left-right-50  { padding-left: 50px; padding-right: 50px; }

/* ================================================ ESPACEADO ================================================ */


/* ======================== CUSTOM ======================== */
/* ====== NAVBAR ====== */
.navbar { font-size: .95rem; }
.navbar .nav-link { color: var(--hf-texto); }
.navbar .nav-link:hover,
.navbar .nav-link.active { color: var(--hf-amarillo); font-weight: 600; }
.navbar-brand span { color: #0f172a; }
.fondo-navbar { background: #fff !important; }

/* ====== HERO / SLIDER ====== */
#slider .slider-text h1 { color: #0f172a; }
#slider .slider-text p  { color: var(--hf-texto); }

/* ====== BOTONES ====== */
.btn-azul{
	background-color: var(--hf-azul);
	color: #fff; border: none; padding: 10px 18px; border-radius: .5rem;
}
.btn-azul:hover{ background-color: #0b1523; color: #fff; }

.boton-eliminar {
    color: #fff;
    border: 1px solid #fff;
}
.boton-eliminar:hover {
    color: #dc3545;
    border: 1px solid #dc3545;
    background-color: #fff;
}

/* ====== CARDS ====== */
.card{ box-shadow: 0 4px 10px rgba(0,0,0,.06); transition: transform .25s ease; }
.card:hover{ transform: translateY(-4px); }

/* ====== GALERÍA ====== */
.gallery-section .card { border: none; box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.gallery-section .card:hover { transform: scale(1.02); }
.gallery-section img { height: 250px; object-fit: cover; }

/* ====== FOOTER ====== */
.footer-area { background-color: var(--hf-azul); color: #d8dee9; }
.footer-area .footer-title { color: var(--hf-amarillo); }
.footer-area a { color: #d8dee9; text-decoration: none; }
.footer-area a:hover { color: var(--hf-amarillo); }
/* tira de imagen bajo el hero (como la demo) */
.hero-strip-img {
	display:block;
	width:100%;
	height:220px;
	object-fit:cover;
	border-radius:12px;
	box-shadow: 0 10px 20px rgba(0,0,0,.08);
}
@media (min-width: 992px){
	.hero-strip-img { height:260px; }
}
/* ======================== CUSTOM ======================== */






/* ======================== SLIDERS / BANNERS / OTROS ======================== */
body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

/* Navbar */
.fondo-navbar {
	background-color: var(--azul-marino);
}

.navbar-nav .nav-link {
	color: var(--blanco);
	transition: color 0.3s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
	color: var(--amarillo-camilo);
}

/* Slider */
#slider {
	position: relative;
	margin-bottom: 30px;
}

.slider-text h1,
.slider-text p {
	color: var(--azul-marino);
	font-weight: bold;
}

.slider-text p {
	font-size: 1.2rem;
}

/* Botón azul para descargas */
.btn-azul {
	background-color: var(--azul-marino);
	color: white;
	border: none;
	padding: 10px 18px;
	border-radius: 5px;
	text-decoration: none;
	transition: background-color 0.3s;
}

.btn-azul:hover {
	background-color: #011a36;
	color: white;
	text-decoration: none;
}

/* Cards */
.card {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s;
}

.card:hover {
	transform: translateY(-5px);
}

/* Apoderados */
.titulo-seccion {
	font-size: 2rem;
	color: var(--azul-marino);
	font-weight: bold;
	margin-bottom: 20px;
}

.icono-apoderados {
	font-size: 40px;
	color: var(--azul-marino);
	margin-bottom: 10px;
}

/* Banner inicio */
#banner-inicio {
	position: relative;
	height: 450px;
	overflow: hidden;
}

#banner-inicio img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#banner-inicio .slider-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
	padding: 0 20px;
	width: 100%;
	max-width: 900px;
}

#banner-inicio .slider-text h1 {
	color: var(--azul-marino);
	font-size: 2.5rem;
	margin-bottom: 10px;
	font-weight: 700;
}

#banner-inicio .slider-text p {
	color: var(--azul-marino);
	font-size: 1.2rem;
	font-weight: 500;
}

/* Footer */
footer {
	background-color: var(--azul-marino);
	color: var(--blanco);
	padding: 40px 0;
}

footer a {
	color: var(--amarillo-camilo);
	text-decoration: none;
}

footer a:hover {
	color: var(--blanco);
	text-decoration: underline;
}

footer .footer-logo img {
	max-height: 60px;
}

footer .list-unstyled li {
	margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 768px) {
	#banner-inicio {
		height: 300px;
	}
	
	#banner-inicio .slider-text h1 {
		font-size: 2rem;
	}
	
	#banner-inicio .slider-text p {
		font-size: 1rem;
	}
}

@media (max-width: 480px) {
	#banner-inicio {
		height: 220px;
	}
	
	#banner-inicio h1 {
		font-size: 1.6rem;
	}
}
.gallery-section .card {
	border: none;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	transition: transform 0.3s ease;
}
.gallery-section .card:hover {
	transform: scale(1.03);
}
.gallery-section img {
	height: 250px;
	object-fit: cover;
}



.admission-hero {
    position: relative;
    background: url('../img/banners/admision.jpg') center/cover no-repeat;
    min-height: 320px;
    display: flex;
    align-items: center;
}

.admission-hero::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5); /* negro semi-transparente */
}

.admission-hero > * {
    position: relative; /* para que el contenido esté sobre el overlay */
}
/* ======================== SLIDERS / BANNERS / OTROS ======================== */





/*============================== navbar ==============================*/

/* Botones primarios (por si algún theme fija colores directos) */
.btn-primary {
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-bg: #D9CBBA;
    --bs-btn-hover-border-color: #D9CBBA;
    --bs-btn-active-bg: #D9CBBA;
    --bs-btn-active-border-color:#D9CBBA;
    background-color: var(--bs-btn-bg) !important;
    border-color: var(--bs-btn-border-color) !important;
    color: #212529 !important; /* legible sobre amarillo */
}

/* Badges, paginación y otros que usan primary */
.badge.bg-primary,
.pagination .page-item.active .page-link,
.bg-primary {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #212529 !important;
}

/* Links genéricos */
a { color: #dba600; }
a:hover { color: #D9CBBA; }



/* Botón “Contacto” del nav si usa .btn-primary */
.navbar .btn.btn-primary {
    background-color:#D9CBBA !important;
    border-color:#D9CBBA !important;
    color: #212529 !important;
}
.navbar .btn.btn-primary:hover {
    background-color: #D9CBBA !important;
    border-color: #D9CBBA !important;
    color: #fff !important;
}

/* Títulos/separadores que usen .text-primary */
.text-primary { color: #D9CBBA !important; } /* si prefieres títulos BEIGE */
/* NAVBAR GRANDE EDUKA */
.navbar {
    background-color: #113A8C; /* tu azul */
    padding: 0; /* evita doble altura */
}

.navbar .navbar-brand img {
    height: 70px; /* logo grande */
    width: auto;
}

.navbar .nav-link {
    font-size: 19px;   /* letra más grande */
    font-weight: 600;
    padding: 28px 22px; /* altura grande */
    text-transform: capitalize;
    color: #fff !important;
}

.navbar .nav-link.active,
.navbar .nav-link:hover {
    color: #FFD700; /* hover dorado */
}

/*============================== navbar ==============================*/







/*============================ Eventos / Noticias ============================*/
/* imagen de noticias redondeada */
.blog-thumb img {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.event-item-img a img {
    border-radius: 10px;
}


.event-item { background:#fff; border-radius:16px; overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.06); transition: all .25s ease; }
.event-item:hover { transform: translateY(-4px); box-shadow:0 16px 32px rgba(0,0,0,.08); }

.event-item-img { position:relative; }
.event-date { position:absolute; left:16px; top:16px; background:var(--eduka-primary);
  color:#fff; border-radius:10px; padding:6px 10px; font-weight:700; font-size: 0.8rem; text-align:center; }
.event-date span { display:block; font-size:20px; font-size: 0.8rem;}

.event-item-info { padding:18px; }
.event-title a { text-decoration:none; color:var(--eduka-dark); }
.event-title a:hover { color:var(--eduka-primary); }

.event-list { list-style:none; margin:0 0 .5rem 0; padding:0; display:flex; flex-wrap:wrap; gap:12px; font-size:.9rem; color:#64748b; }
.event-list i { color:var(--eduka-primary); margin-right:6px; }

/* Breadcrumb texto visible */
.site-breadcrumb .breadcrumb-title,
.site-breadcrumb .breadcrumb-menu li,
.site-breadcrumb .breadcrumb-menu li a { color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.35); }



.widget.recent-post .recent-post-img img {
    max-width: 80px;
    height: auto;
    display: block;
    object-fit: cover; /* opcional */
}

@media (max-width: 991px) {
    .widget.recent-post .recent-post-img img {
        max-width: 140px !important;
    }   
}
/*============================ Eventos / Noticias ============================*/




/* ======================== TITULOS Y TEXTOS ======================== */
h2.color-rojo {
    color: var(--hf-red);
    font-weight: bold;
}
/* ======================== TITULOS Y TEXTOS ======================== */





/*============================== Nostros.php ==============================*/
.fa-circle-wrap{
	width:48px;
	height:48px;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background: var(--rojo-camilo);
	color: #fff;
	font-size:20px;
	flex-shrink:0;
}
.counter-box { transition: transform .3s ease; }
.counter-box:hover { transform: translateY(-5px); }
.counter-icon { font-size: 44px; line-height: 1; }
.counter-area .h2 { font-size: 2rem; }



.about-carousel-img {
    width:100%;
    height:450px;           /* más alto */
    object-fit:contain;     /* muestra toda la imagen sin recortar */
    background:#fff;        /* fondo blanco en caso de bordes */
    padding:10px;           /* separa un poco la imagen del borde */
    display:block;
}
@media (max-width: 576px) {
    .about-carousel-img { height:250px; }
}

/* Flechas personalizadas */
.about-carousel .owl-nav button {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    border:none;
    background:#0ea5e9;
    color:#fff;
    font-size:20px;
    width:40px;
    height:40px;
    border-radius:50%;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
    transition:all .2s;
}
.about-carousel .owl-nav button:hover {
    background:#05597a;
}
.about-carousel .owl-nav .owl-prev { left:-50px; }
.about-carousel .owl-nav .owl-next { right:-50px; }
.about-carousel .owl-dots { margin-top:15px; }
.about-carousel .owl-dot span {
    width:12px;height:12px;background:#ccc;display:block;
    border-radius:50%;
}
  .about-carousel .owl-dot.active span {
        background:#0ea5e9;
}
/*============================== Nostros.php ==============================*/




/*============================== Header.php ==============================*/
/* Topbar en rojo */
.header-top{ 
    background: var(--hf-red); 
    color:#fff;
}
.header-top .social-link{
    color:#fff; text-decoration:none; display:inline-flex; align-items:center; justify-content:center;
    width:30px;height:30px;border-radius:50%;
}
.header-top .social-link:hover{ background:rgba(255,255,255,.18); }


@media (max-width:991px){
    .navbar {
        height: 40px;
    }
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
    background-color: transparent !important;
}



/* Navbar: fondo beige y altura tipo Eduka */
.navbar.navbar-light{
    background: var(--hf-beige) !important;
}
.navbar .nav-link{
    padding:.9rem 1.1rem;    /* un poco más alto/ancho */
    font-weight:600;
    color:#113A8C;
}
/* Activo/hover en rojo */
.navbar .nav-link:hover,
.navbar .nav-link.active{ color: var(--hf-red) !important; }

/* Dropdown redondeado */
.dropdown-menu{ border-radius:.75rem; }

/* Subrayado del link activo en rojo */
.navbar .nav-link.active{
    position:relative;
}
.navbar .nav-link.active::after{
    content:""; position:absolute; left:10%; right:10%; bottom:-10px; height:3px; 
    background:var(--hf-red); border-radius:3px;
}

/* Botón CTA: beige -> hover rojo */
.btn-apply{
    background:var(--hf-beige); border:none; color:#111; font-weight:700; 
    padding:.55rem 1rem; border-radius:.6rem;
}
.btn-apply:hover{ background:var(--hf-red); color:#fff; }

/* Menú móvil: mantener beige */
@media (max-width:991px){
    .navbar-collapse{ background: var(--hf-beige); }
}
/*============================== Header.php ==============================*/




/*============================== publicacion.php ==============================*/
.list-group ul {
    list-style: none; /* ocultar los puntos originales */
    padding: 0;
    margin: 0;
}

.list-group ul li span {
    position: relative;
    margin: 10px 0;
    padding-left: 20px; /* espacio para el punto */
    transition: all 0.3s ease;
    font-size: 18px;
}

.list-group ul li small {
    color: #797979;
    font-weight: bold;
    font-size: 14px;
}

.list-group ul li::before span {
    content: "•"; /* el punto personalizado */
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primario, #ff8c00); /* color del punto */
    font-size: 20px;
    line-height: 1;
}

.list-group ul li a span {
    text-decoration: none;
    color: var(--bs-link-color);
    font-weight: 500;
    transition: color 0.3s ease;
}

.list-group ul li a:hover span {
    color: var(--bs-link-hover-color);
}



/*============================== publicacion.php ==============================*/



/*============================== admision.php ==============================*/
.feature-box.style-2, .service-box.style-2 {
    background:#fff; border:0; border-radius:16px; padding:24px; box-shadow:0 8px 20px rgba(0,0,0,.06);
}
.feature-box .feature-icon i, .service-box .service-icon i {
    line-height: 1.3; display:inline-block;
}

/* Strip debajo del hero: mostrar imagen completa, sin cortes */
.hero-strip-single { text-align:center; background:#fff; }
.hero-strip-img {
    width:100%;
    height:220px;        /* ajusta a gusto (200–280) */
    object-fit:contain;  /* NO recorta; muestra la imagen completa */
    background:#fff;     /* color de fondo en bandas laterales si sobran */
}
/*============================== admision.php ==============================*/




/*============================== galeria.php ==============================*/
.portfolio-item { transition: transform .25s ease, box-shadow .25s ease; }
.portfolio-item:hover { transform: translateY(-4px); }
.widget .list-group-item.active { background:var(--rojo-camilo); border-color:#0ea5e9; color:#fff; }
.widget .list-group-item { border: 0; border-radius: .75rem; margin-bottom:.5rem; }


.gallery-img {
    width: 100%;
    height: 250px; /* Puedes ajustar la altura */
    overflow: hidden;
    border-radius: 8px; /* Opcional */
}

.gallery-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Recorta manteniendo proporción */
    object-position: center; /* Centra la imagen */
    display: block;
}



.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}


.campo-imagen-card {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
    height: 100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  .campo-imagen-card .numero {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:6px;
    background:#f5f7fa;
    border:1px solid #eee;
    font-weight:700;
    margin-right:8px;
  }
  .campo-top {
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:8px;
  }
  .img-preview {
    width:100%;
    height:150px;
    object-fit:cover;
    border-radius:6px;
    display:block;
    margin-bottom:8px;
    background:#f8f9fa;
  }
  .campo-acciones { display:flex; gap:6px; align-items:center; }
  .btn-remove-field { min-width:36px; }
/*============================== galeria.php ==============================*/




/*============================== contacto.php ==============================*/
.contact-img img {
    width: 100% !important;
    border-radius: 20px !important;
}

.titulo-contacto {
    font-size: 45px;
    color: var(--eduka-dark);
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}



.img-contacto-alta{display:none;}
.img-contacto-cuadrada{display:block;}

@media (min-width:992px){
  .img-contacto-alta{display:block;}
  .img-contacto-cuadrada{display:none;}
}



/*============================== contacto.php ==============================*/



/*============================== alumnos.php ==============================*/
@media (max-width: 991px) {
    .ocultar-xs {
        display: none !important;
        visibility: hidden !important;
    }
}

@media (min-width: 992px) {
    .ocultar-xl {
        display: none !important;
        visibility: hidden !important;
    }
}
/*============================== alumnos.php ==============================*/



/*============================== talleres.php ==============================*/
.team-bio h5 {
    color: #ffc100; 
    text-transform: none;
}
/*============================== alumnos.php ==============================*/



/*============================== generaciones.php ==============================*/
.portfolio-title2 {
    background-color: var(--hf-red);
    color: var(--blanco);
    font-size: 20px;
    padding-left: 10px;
    border: 1px solid #002147;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 50px;

}

@media (max-width: 500px) {
    .portfolio-title2 {
        font-size: 15px;

    }
}

@media (max-width: 350px) {
    .portfolio-title2 {
        font-size: 12px;

    }
}
/*============================== generaciones.php ==============================*/




/*============================== horarios.php ==============================*/
a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: var(--amarillo-camilo);
    text-decoration: none;
}

.widget.category.horarios {
    background-color: var(--rojo-camilo);
}

.widget.category.horarios .widget-title {
    color: var(--bs-primary);
}

.category-list.horarios a {
    color: var(--blanco);
    transition: 0.5s;
}

.category-list.horarios a:hover {
    color: var(--hf-beige);
}

.category-list.horarios a i {
    color: var(--blanco);
    transition: 0.5s;
}

.category-list.horarios a:hover i {
    color: var(--hf-beige);
}

.category-list.horarios a button i {
    color: var(--blanco);
}

.category-list.horarios a:hover button i {
    color: var(--hf-red);
}

.category-list.horarios p {
    color: #f3f3f3;
}
/*============================== horarios.php ==============================*/


/*============================== uniforme.php ==============================*/
.uniforme-tarjeta {
    border: solid 1px #e2e2e2;
    border-radius: 30px;
    background-color: var(--gris-claro);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/*============================== uniforme.php ==============================*/




/*============================== modal.php ==============================*/

.modal-header-2 {
    background-color: var(--hf-blue);
}

.modal-header-3 {
    background-color: #212529;
}

.titulo-modal {
    color: var(--blanco);
}


.icon-xl {
    font-size: 36px; /* ajusta el tamaño a gusto */
    margin-right: 6px;
}

.modal-xl {
    max-width: 80%;
}

.modal-l {
    max-width: 60%;
}

.modal-m {
    max-width: 50%;
}

/*============================== modal.php ==============================*/