.elementor-28477 .elementor-element.elementor-element-409431c{margin-top:0px;margin-bottom:0px;}.elementor-28477 .elementor-element.elementor-element-a2383ac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-28477 .elementor-element.elementor-element-e5ed0d7{margin-top:0px;margin-bottom:0px;}.elementor-28477 .elementor-element.elementor-element-84adcbb > .elementor-widget-container{padding:0px 0px 0px 0px;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-4d84b79 *//* ======================
CONFIGURACION GENERAL
====================== */

body {
  font-family: 'Poppins', sans-serif;
  background: #fafcfc; /* Fondo general ultra claro */
  margin: 0;
  padding: 0;
  color: #000000; /* Texto base */
}

.contenedor {
  width: 90%;
  max-width: 1300px;
  margin: auto;
  padding: 80px 0;
}

.titulo-seccion {
  font-size: 38px;
  font-weight: 700;
  color: #004964; /* Azul profundo principal */
  margin-bottom: 40px;
}

/* ======================
HERO
===================== */

.hero-enfermeria {
  height: 650px;
  background-image: url('https://fcs.unac.edu.pe/wp-content/uploads/2026/06/cabecera_enfermeria-1536x400-1.png');
  background-size: cover;
  background-position: center;
  position: relative;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Capa de azul oscuro con opacidad para garantizar el contraste de los textos */
  background: rgba(0, 73, 100, 0); 
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10%;
  box-sizing: border-box;
}

.hero-overlay h1 {
  color: #ffffff; /* Blanco puro */
  font-size: 60px;
  max-width: 700px;
  margin-top: 0;
  margin-bottom: 20px;
}

.hero-overlay p {
  color: #eff8ff; /* Azul celeste muy suave para el texto secundario del banner */
  font-size: 22px;
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 20px;
}

.btn-principal {
  background: #3fc8d5; /* Turquesa brillante llamativo */
  padding: 15px 30px;
  border-radius: 50px;
  color: #004964; /* Texto oscuro sobre fondo claro para legibilidad óptima */
  font-weight: 600;
  text-decoration: none;
  width: max-content;
  margin-top: 20px;
  transition: background 0.3s ease, color 0.3s ease;
}

.btn-principal:hover {
  background: #147399; /* Efecto hover con azul intermedio */
  color: #ffffff;
}

/* ======================
CARDS
====================== */

.cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.card {
  background: #ffffff; /* Fondo blanco */
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 73, 100, 0.06); /* Sombra sutil usando el azul primario */
}

.card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.card h3 {
  padding: 20px;
  margin: 0;
  color: #00668d; /* Azul intermedio para jerarquías menores */
}

.card p {
  padding: 0 20px;
  margin-bottom: 15px;
  color: #000000;
}

.card a {
  display: block;
  padding: 20px;
  font-weight: 600;
  color: #147399; /* Enlaces en azul intermedio */
  text-decoration: none;
  transition: color 0.2s ease;
}

.card a:hover {
  color: #3fc8d5; /* Cambio de enlace a turquesa */
}

/* ======================
GUIA ESTUDIANTIL
====================== */

.guia-estudiantil {
  background: #ffffff; /* Bloque contenedor blanco */
}

.guia-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.bloque {
  background: #f5faff; /* Fondo de bloques en azul pastel suave */
  padding: 40px;
  border-radius: 20px;
}

.bloque h3 {
  color: #004964; /* Azul oscuro */
  margin-top: 0;
  margin-bottom: 25px;
}

.bloque ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bloque li {
  padding: 15px 0;
  border-bottom: 1px solid #eff8ff; /* Separadores de lista claros */
}

.bloque li:last-child {
  border-bottom: none;
}

.bloque a {
  text-decoration: none;
  color: #000000;
  font-weight: 500;
  transition: color 0.2s ease;
}

.bloque a:hover {
  color: #147399;
}

/* ======================
NOTICIAS
====================== */

.card-noticia {
  background: #ffffff; /* Fondo blanco */
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 73, 100, 0.06);
}

.card-noticia img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.card-noticia h4 {
  padding: 20px;
  margin: 0;
  color: #004964; /* Azul oscuro para los titulares de noticias */
}

/* ======================
RESPONSIVE
====================== */

@media (max-width: 768px) {
  .cards-grid {
    grid-template-columns: 1fr;
  }

  .guia-grid {
    grid-template-columns: 1fr;
  }

  .hero-overlay h1 {
    font-size: 38px;
  }
  
}
/* 1. Forzar la eliminación de viñetas en todas las listas del sitio */
ul, li {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
}

/* 2. Eliminar flechas generadas mediante pseudo-elementos antes de los enlaces o elementos de lista */
li::before, 
a::before,
.menu-item::before {
  content: "" !important;
  display: none !important;
  background-image: none !important;
}

/* 3. Corrección específica para el menú de navegación superior y barra de contacto */
.facultad-menu, 
nav ul, 
.top-bar ul, 
.breadcrumbs {
  list-style: none !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-0d39cba */.boton{

display:block;
background:#00668d;
color:white;
padding:14px;
margin-top:20px;
border-radius:25px;
text-align:center;
text-decoration:none;

}.boton{

display:block;
background:#00668d;
color:#ffffff !important;
padding:14px;
margin-top:20px;
border-radius:25px;
text-align:center;
text-decoration:none;
font-weight:bold;
transition:0.3s;

}


/* Efecto al pasar el mouse */
.boton:hover{

background:#3fc8d5;
color:#ffffff !important;

}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-ff49414 *//* ==========================================
ESTILOS DEL BANNER DE ADMISIÓN
========================================== */

.banner-admision {
  width: 100%;
  background: #ffffff; /* Fondo celeste suave de tu paleta */
  border-bottom: 35px solid #004964; /* Franja inferior azul profundo corporativo */
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  box-sizing: border-box;
}

.banner-admision-contenedor {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 60px 0;
}

/* Bloque izquierdo: Textos y Botón */
.banner-admision-contenido {
  flex: 1;
  max-width: 650px;
  z-index: 2;
}

.banner-admision-titulo {
  color: #00496; /* Texto en blanco brillante */
  font-size: 46px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 25px 0;
  text-shadow: 0 2px 10px rgba(0, 73, 100, 0.15); /* Sutil lectura mejorada */
}

.banner-admision-subtexto {
  color: #004964; /* Azul oscuro para excelente contraste y lectura */
  font-size: 18px;
  font-weight: 500;
  margin: 30px 0 0 0;
  line-height: 1.5;
}

/* Botón Circular/Ovalado Naranja de Acción */
.banner-admision-btn {
  display: inline-flex;
  align-items: center;
  background: #004964; /* Naranja vibrante para romper la paleta y obligar al clic */
  color: #ffffff;
  text-decoration: none;
  padding: 12px 12px 12px 30px;
  border-radius: 60px;
  transition: transform 0.3s ease, background-color 0.3s ease;
  box-shadow: 0 4px 15px rgba(255, 85, 0, 0.3);
}

.banner-admision-btn:hover {
  transform: translateY(-3px);
  background: #e04b00; /* Oscurecimiento sutil en hover */
}

.banner-admision-btn-texto {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: none;
  margin-right: 20px;
  text-align: left;
}

/* Círculo blanco interno con la flecha */
.banner-admision-btn-flecha {
  background: #ffffff;
  color: #ff5500;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
}

/* Bloque derecho: Imagen */
.banner-admision-imagen {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
}

.banner-admision-imagen img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* ==========================================
ADAPTACIÓN MÓVIL (RESPONSIVE)
========================================== */
@media (max-width: 992px) {
  .banner-admision-contenedor {
    flex-direction: column;
    text-align: center;
    padding: 40px 0 0 0;
  }
  
  .banner-admision-contenido {
    max-width: 100%;
    padding: 0 20px;
    margin-bottom: 30px;
  }
  
  .banner-admision-titulo {
    font-size: 32px;
  }
  
  .banner-admision-btn {
    justify-content: center;
  }

  .banner-admision-imagen {
    width: 100%;
    margin-top: 20px;
  }
  
  .banner-admision-imagen img {
    margin: 0 auto;
    max-height: 300px;
  }
}/* End custom CSS */