/*
Theme Name: Portal Academico Institucional
Author: OGTIC
Description: Portal Academico Institucional por DSDI de la OGTIC para el sector educativo del estado.
Version: 1.0
License: MIT
*/
/* Reset default styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  margin: 0 !important;
  padding: 0;
  width: 100vw;
  overflow-x: hidden;
}

body {
  font-family: Arial, sans-serif;
}

header {
  background-color: #002855;
  color: white;
  padding: 0.625rem;
  text-align: center;
}

.header-top {
  background-color: #002855;
  color: white;
  padding: 0.3125rem 0.625rem;
  font-size: 0.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-top a {
  color: white;
  text-decoration: none;
  font-size: 0.75rem;
}

nav {
  background-color: white;
  border-bottom: 0.125rem solid #ddd;
}

.nav-container {
  max-width: 75rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem;
}

/* transparencia */

.archivo-card {
  border: 1px solid #ddd;
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.375rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: sans-serif;
  background: #fff;
  gap: 1rem;
}

.archivo-info {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
}

.archivo-icon {
  min-width: 3.125rem;
  height: 3.125rem;
  flex-shrink: 0;
}

.archivo-meta {
  display: flex;
  flex-direction: column;

}

.archivo-title {
  font-weight: bold;
  font-size: 1rem;
}

.archivo-fecha {
  font-size: 0.875rem;
  color: #555;
}

.archivo-desc {
  font-size: 0.875rem;
  color: #444;
  margin-top: 0.25rem;
}

.archivo-descargar {
  display: flex;
  align-items: center;
}

.btn-descargar {
  border: 1px solid red;
  color: red;
  padding: 0.375rem 1.25rem;
  border-radius: 0.25rem;
  text-decoration: none;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.btn-descargar:hover {
  background-color: red;
  color: white;
}


.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-image {
  text-align: center;
}

.wp-block-image.aligncenter img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.search-bar {
  display: flex;
  align-items: center;
}

.folder-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: 1.25rem;
  padding-left: 0.875rem;
}

.folder-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e0e0;
  border-radius: 0.375rem;
  padding: 1.5625rem;
  width: 45%;
  text-decoration: none;
  color: #111;
  transition: box-shadow 0.2s ease;
  background-color: #fff;
}

.folder-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.folder-icon {
  font-size: 2rem;

  margin-bottom: 0.5rem;
}

.folder-title {
  font-weight: 500;
  font-size: 1rem;

}

.folder-meta {
  font-size: 0.875rem;
  color: #333;
}

.title-section-transparencia {
  margin-bottom: 5.625rem;
  font-family: IBM Plex Sans Condensed;
  display: flex;
  align-items: center;

  max-height: 9rem;
  height: 9rem;
  background-color: rgb(239 247 255);
}

.title-section-transparencia nav {
  border: none;
  background-color: rgb(239 247 255);
}

.breadcrumbs {
  font-size: 0.875rem;

}

.breadcrumbs a {
  padding-right: 0.625rem;
  padding-left: 1.325rem;
  font-size: 1.125rem;
  color: #0073aa;
  text-decoration: none;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs span {
  padding-left: 1.25rem;
  font-size: 2.25rem;
  font-weight: bold;
  color: #003876;
}

.search-bar input {
  padding: 0.3125rem 3.875rem 0.4375rem 0.75rem;
  font-size: 0.875rem;
  border: 0.05rem solid #000000;
  border-radius: 50rem;
}

.search-bar button {
  background-color: transparent;
  color: white;
  border: none;
  padding: 0.3125rem 0.625rem;
  cursor: pointer;
  border-radius: 50rem;
  margin-left: -2.1875rem;
}

.search-bar button:hover {
  background-color: transparent;
}

.bi-search {
  color: #000000;
}

.divisor-search-menu {
  width: 0.025rem;
  height: 2.5rem;
  background-color: #c8c8c8;
  margin-left: 1.25rem;
  margin-right: 0.75rem;
}

.bi-grid-3x3-gap-fill {
  color: #2DA549;
  border-radius: 0.0625rem;
}

.svg-icon {
  color: #2DA549;
}

.menu-icon {
  cursor: pointer;
  padding: 0.625rem;
}

.menu-container-interes {
  margin-left: -330px;
}

.navbar-interes.showOnMobile {
  border-bottom: 1px solid #d9d9d9;
}

.show .showOnMobile .menu-container {
  display: block !important;
}

.show .showOnMobile .menu-container {
  display: block !important;
  position: relative;
  width: 100%;
  padding: 0px;
  box-shadow: none;
  right: auto;
  top: auto;
}

.navbar-interes.showOnMobile .menu-container>h3 {
  padding-left: 10px;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.menu-container .icon-interes {
  width: 1rem;
  height: 1rem;
  fill: #003876;
}

.showOnMobile .hideMobile, .hideOnMobile .showMobile,
.navbar-interes .accordion.accordion-flush {
  display: none !important;
}

.menu-container-interes .accordion-flush .accordion-item .accordion-button,
.menu-container-interes .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
  color: #282828;
}

.navbar.navbar-expand-lg {
  border: none;
}

.navbar-interes .accordion.accordion-flush.show {
  display: block !important;
}

.showOnMobile button.accordion-button {
  font-size: 12px;
  background: white;
  border: none;
  box-shadow: none !important;
  background-color: white !important;
  font-weight: 500;
  color: #003876;
}

.showOnMobile button.accordion-button::after {
  background-size: 12px;
  margin-bottom: -10px;
}

.showOnMobile .top-header-mobile-interes {
  padding: 2px;
  color: #333 !important;
  font-weight: normal;
}

.showOnMobile .top-header-mobile-interes.show {
  color: #003876 !important;
}

.menu-container {
  position: absolute;
  top: 100px;
  width: 380px;
  background: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 0.3125rem;
  padding: 0.9375rem;
  display: none;
  z-index: 1;
}

.menu-container.active {
  display: block;
}

.menu-container-interes .menu-container.active {
  max-height: 440px;
  overflow-y: auto;
}

.menu-container-interes .accordion-item:has(.accordion-collapse.show) .accordion-button {
  background: none;
  font-weight: 400;
  color: #003876 !important;
}

.menu-container-interes .menu-container.active::-webkit-scrollbar {
  width: .5rem;
  border-radius: .5rem;

}

.menu-container-interes .menu-container.active::-webkit-scrollbar-track {
  background: #eaeaea;
}

.menu-container-interes .menu-container.active::-webkit-scrollbar-thumb {
  background: #3f7ebb;
  border-radius: .5rem;
}

.menu-container-interes .menu-container.active::-webkit-scrollbar-thumb:hover {
  background: #165694;
}

.menu-container h3 {
  margin: 0 0 0.625rem;
  font-size: 1rem;
}

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

.menu-container ul li {
  padding: 0.5rem 0;
  border-bottom: 0.125rem solid #ddd;
}

.menu-container ul li:last-child {
  border-bottom: none;
}

.close-btn {
  float: right;
  cursor: pointer;
}

.cards-section {
  padding-top: 1.875rem;
}

.menu {
  position: relative;
  display: flex;
  gap: 0.9375rem;
  z-index: 10;
}

.menu-item {
  position: relative;
  padding: 0.625rem;
}

.menu-item>a {
  text-decoration: none;
  font-size: 0.8125rem;
  color: #333;
  display: block;
}

.menu-item:hover>.submenu {
  display: block;
}

.submenu {
  display: none;
  position: relative;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1;
  top: 100%;
  left: 0;
  list-style: none !important;
  padding: 0.625rem;
  border: 0.125rem solid #ccc;
}

.submenu li {
  margin-bottom: 0px;
}

.submenu li:last-child {
  margin-bottom: 0;
}

.submenu a {
  text-decoration: none;
  color: #333;
  font-size: 0.875rem;
}

.submenu a:hover {
  color: #002855;
}

/* Estilos para menu-lateral*/
.menu-lateral {
  position: relative;
  margin-top: -5.0625rem;
  background-color: #fff;
  padding: 1.875rem;
  font-family: IBM Plex Sans Condensed;
}

#menu-menu-transparencia{
  padding: 0;
}



.menu-lateral li {
  padding: 0.5rem;
}

.transparencia-container{
  margin: auto;
}

.menu-lateral li a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
  display: block;
}

.menu-lateral li a:hover {
  color: #007bff;
  background-color: #ffffff;
}

.menu-lateral {
  list-style: none;
}


.menu-item-has-children>a::after {
  content: "\F282";
  /* Código del ícono caret-down-fill */
  font-family: "bootstrap-icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin-left: 0.5em;
}

.current-menu-item {
  color: #2da549;
  font-weight: bold;

}

.menu-lateral>li {
  padding: 0.625rem 0.625rem 0.625rem;
  border-bottom: 0.125rem solid #ddd;
  font-weight: bold;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;

}

.menu-lateral>li a {
  text-decoration: none;
  color: #000;
  font-size: 1.125rem;
  font-weight: 100;
}

.menu-lateral>li:hover a {
  color: #1a237e;
  /* Azul oscuro */
}

.menu-lateral>li .active>a {
  color: #2da549;
  font-weight: bold;
}

.menu-lateral>li .submenu-icon {
  font-size: 1rem;
  transition: transform 0.3s ease-in-out;
}

.menu-lateral>li.active .submenu-icon {
  transform: rotate(180deg);
}

/* Submenú */
.menu-lateral .sub-menu {
  list-style: none;
  padding: 0.125rem;
  margin: 0.375rem 0.3125rem 0.25rem 0.625rem;
  display: none;
}

.menu-lateral .sub-menu li {
  padding: 0.875rem;
  font-size: 1rem;
  margin: 0.125rem;
}

.menu-lateral .sub-menu li a {
  /* color: #909090; */
  /* Verde */
  text-decoration: none;
  margin: -0.9375rem;
  font-size: 1rem;
  padding: 1.25rem 0rem;
}

.menu-lateral .sub-menu li a:hover {
  color: #2da549;
}

.menu-lateral>li.active .sub-menu {
  display: block;
}

/*  Estilos menu lateral noticias */
.menu-lateral-noticias {
  top: -16.625rem;
  background-color: #fff;
  padding: 1.875rem;
  font-family: IBM Plex Sans Condensed;
}

.menu-lateral-noticias li {
  padding: 0.5rem;
}

.menu-lateral-noticias li a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
  display: block;
}

.menu-lateral-noticias li a:hover {
  color: #007bff;
  background-color: #ffffff;
}

.menu-lateral-noticias {
  list-style: none;
}

.menu-lateral-noticias>li {
  padding: 0.625rem 0.625rem 0.625rem;
  border-bottom: 0.125rem solid #ddd;
  font-weight: bold;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  margin: 1.25rem 0px 0px 2.5rem;
}

.menu-lateral-noticias>li a {
  text-decoration: none;
  color: #000;
  font-size: 1rem;
  font-weight: 100;
}

.menu-lateral-noticias>li:hover a {
  color: #1a237e;
  /* Azul oscuro */
}

.menu-lateral-noticias>li .active>a {
  color: #2da549;
  font-weight: bold;
}

.menu-lateral-noticias>li .submenu-icon {
  font-size: 1rem;
  transition: transform 0.3s ease-in-out;
}

.menu-lateral-noticias>li.active .submenu-icon {
  transform: rotate(180deg);
}

/* Submen*/
.menu-lateral-noticias .sub-menu {
  list-style: none;
  padding: 0.125rem;
  margin: 0.375rem 0.3125rem 0.25rem 0.625rem;
  display: none;
}

.menu-lateral-noticias .sub-menu li {
  padding: 0.875rem;
  font-size: 1rem;
  margin: 0.125rem;
}

.menu-lateral-noticias .sub-menu li a {
  color: #909090;
  /* Verde */
  text-decoration: none;
  margin: -0.8125rem;
  font-size: 0.8125rem;
}

.menu-lateral-noticias .sub-menu li a:hover {
  color: #2da549;
}

/* Mostrar submen activo */
.menu-lateral-noticias>li.active .sub-menu {
  display: block;
}

/* General Menu Header */
.navbar-nav {
  font-family: IBM Plex Sans Condensed;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.navbar-nav>li {
  display: inline-block;
  position: relative;
  padding-right: 4px;
  margin-bottom: 0px;
}

#menu-principal.navbar-nav>li:not(:last-child)>a::after {
  content: " /";
  color: #c8c8c8;
  margin-left: 0.625rem;
}




.navbar-nav .nav-item {
  position: relative;
}

.navbar-nav .nav-link {
  color: #333;
  padding: 0.5rem 1rem;
  font-weight: 500;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: #007bff;
  text-decoration: none;
}

/* Submenu Styles */
.navbar-nav .menu-item-has-children>.nav-link:after {
  content: "\f107";
  font-size: 0.8rem;
  margin-left: 0.5rem;
}

.navbar-nav .sub-menu {
  list-style-type: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 300px;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0;
}

.navbar-nav .menu-item-has-children:hover>.sub-menu {
  display: block;
}

.sub-menu .menu-item {
  padding: 0.625rem;
}

.sub-menu .menu-item:hover {
  background-color: #a9a9a9;
  font-size: 0.9rem;
}

.sub-menu .nav-link {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  color: #555;
}

.sub-menu .nav-link:hover {
  background-color: #f8f9fa;
}

/* Menu Hamburguer Toggle */
.navbar-toggler {
  border: none;
  outline: none;
}

.navbar-toggler-icon {
  background-color: #333;
  width: 1.5625rem;
  height: 0.1875rem;
  display: block;
  position: relative;
}

.navbar-toggler-icon:before,
.navbar-toggler-icon:after {
  content: '';
  background-color: #333;
  width: 1.5625rem;
  height: 0.1875rem;
  display: block;
  position: absolute;
  left: 0;
  transition: all 0.3s ease;
}

.navbar-toggler-icon:before {
  top: -0.4375rem;
}

.navbar-toggler-icon:after {
  top: 0.4375rem;
}

/* Active Menu Item */
.navbar-nav .active>.nav-link {
  color: #007bff;
  font-weight: 600;
  text-decoration: underline;
}

.link-grid a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: #212529;

  height: 100%;
  transition: transform 0.2s ease-in-out;
}

/* Íconos circulares */
.link-grid img {
  width: 3.75rem;
  height: 3.75rem;
  object-fit: contain;
  background-color: #f8f9fa;
  border-radius: 50%;

  margin-bottom: 0.5rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}


/* Hover animación en íconos */
.link-grid a:hover img {
  transform: scale(1.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Texto debajo del ícono */
.link-grid a div {
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
  max-width: 100%;
  line-height: 1.2;
}

.sensorState {
  height: 0px;
  width: 0px;
  position: fixed;
  top: 0;
  z-index: 0;
  opacity: 0;
}

.showOnlyMobile {
  display: none;
}

@media (max-width: 990px) {
  .navbar.navbar-expand-lg {
    padding-bottom: 0px;
  }

  .menu-icon {
    padding-top: 0px;
  }

  .showOnlyMobile {
    display: block;
  }

  #menu-principal.navbar-nav>li>a::after {
    display: none;
  }

  .navbar-nav .menu-item-has-children:hover>.sub-menu {
    display: block;
    width: 100%;
    position: relative;
    box-shadow: none;
  }

  #menu-principal.navbar-nav .menu-item-has-children>a::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    color: #706464;
    display: block;
    margin-top: -20px;
    background-repeat: no-repeat;
    content: ' .' !important;
    color: transparent !important;
    position: absolute;
    right: 0;
    width: 20px;
  }

  #menu-principal.navbar-nav .menu-item-has-children:hover>a::after {
    transform: rotate(180deg);
  }
}

/* Responsive Styles */
@media (max-width: 768px) {
  .nav-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .search-bar {
    width: 100%;
    margin-top: 0.625rem;
  }

  .search-bar input {
    width: 80%;
  }

  .menu {
    flex-direction: column;
    gap: 0.625rem;
    width: 100%;
  }

  .menu-item>a {
    padding: 0.625rem;
    width: 100%;
  }
}


/* Slider Styles*/
.imagen-slider-home {
  max-height: 37.5rem;
  object-fit: cover;
}

.slider-container {
  height: auto;
  min-height: 25rem;
}

.carousel-inner .card-image {
  height: 34.375rem;
  object-fit: cover;
  width: 100%;
}

.carousel-inner .slider-anuncio img {
  width: 75%;
}


/* estilos card */
.card {
  height: 90px;
  /* border: 20px solid #2DA549; */
  border-radius: 1%;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
  padding: 20px;
  position: relative;
  top: -10vh;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}

.card-image {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

/* stilos slogan */
.divider-slogan {
  width: 100%;
}

.slogan-text {
  font-family: IBM Plex Sans Condensed;
  font-size: 3.125rem;
  font-weight: 500;
  line-height: 3.75rem;
  padding: 0.625rem;
  color: #213C74;
  /* Azul oscuro */
}

.slogan-text span {
  font-size: 3.4375rem;
  font-style: italic;
  font-weight: bold;
  color: #008000;
  /* Verde */
}

.titulo-seccion-servicios{
  padding-bottom: 5rem;
}

/* estudia con nosotros */
.estudia-con-nosotros-section {
  width: 100%;
  height: auto;
  padding: 3.75rem 0.625rem;
  background-color: #213C74;
  margin-top: 6.25rem;
  margin-bottom: 1.25rem;
}

.esutudia-con-nosotros-item {
  margin-bottom: 3.75rem;
}

.estudia-con-nosotros-title {
  width: 70%;
  align-items: center;
  text-align: center;
  font-style: italic;
  font-family: IBM Plex Sans Condensed;
  font-size: 2.875rem;
  font-weight: 500;
  line-height: 3.75rem;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  color: #fff;
  text-decoration: none;
  font-style: normal;
}

.estudia-con-nosotros-title h3 {

  align-items: center;
  text-align: center;
  font-style: italic;
  font-family: IBM Plex Sans Condensed;
  font-size: 2.875rem;
  font-weight: 500;
  line-height: 3.75rem;
  padding-bottom: 3.75rem;
  color: #fff;
}



.estudia-con-nosotros-row {
  justify-content: center;
}

.estudia-con-nosotros-text h4 {
  text-transform: uppercase;
  text-align: center;
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 3.75rem;
  padding-top: 0.3125rem;
  color: white;
}

.estudia-con-nosotros-text-title {
  text-transform: uppercase;
  text-align: center;
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 3.75rem;
  padding-top: 0.3125rem;
  color: white;
  text-decoration: underline white;
}

.estudia-con-nosotros-text span {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.275rem;
  font-weight: 500;
  padding-top: 0.3125rem;
  color: white;
}

.estudia-con-nosotros-text {
  text-align: center;
}

.servicios-destacados-section {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.servicios-encabezado {
  font-family: IBM Plex Sans Condensed;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3.75rem;
  padding: 0.625rem;
  color: #213C74;
  /* Azul oscuro */
  margin-bottom: 1.25rem;
  font-style: italic;
}

.servicios {
  /* margin: 40px; */
  padding: 3.125rem;
  margin-bottom: 1.25rem;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  max-height: 14.6875rem;
}

.servicios-titulo {
  text-decoration: none !important;
}

.servicios-titulo h4 {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  text-decoration: none !important;
}

.servicios-img {
  object-fit: cover;
  pointer-events: none;
  padding-bottom: 1.5625rem;
}

/* estilos para single servicio */
.informacion-general-servicio {
  position: relative;
  top: -21.25rem;
  /* margin-left: -100px; */
}

.info-box {
  left: -0.8125rem;
  background-color: #EFEFF0;
  height: 9rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 1.25rem;
  border-radius: 0.625rem;
  width: 88%;
  margin-top: 12.5rem;
}

.info-item {
  position: relative;
  display: flex;
  align-items: center;
}

.info-item svg {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.625rem;
}

.info-text {
  display: flex;
  flex-direction: column;
}

.info-title {
  font-weight: 400;
  color: #000;
  text-decoration: underline;
  margin-bottom: 1.9375rem;
  font-size: 1.4375rem;
  text-decoration-color: #2DA549;
}

.data-servicio-container {
  margin-bottom: 3.125rem;
  max-width: 80%;
}

.info-servicio {
  margin-top: -5rem;
}

.info-servicio h5 {
  font-size: 1.25rem;
  text-transform: uppercase;
}

.info-servicio span {
  font-size: 1.25rem;
}

.subelementos-departamento-servicio {
  margin-left: 1.25rem;
  margin-top: 0.9375rem;
}

.informacion-adicional {
  margin-top: 1.875rem;
  background-color: #EFEFF0;
  height: 33.5rem;
}

/* General Page Styles */


.banner-img {
  position: relative;
  width: 100%;
  height: 44.5rem;
  object-fit: cover;
}

.banner-text-content {
  max-width: 100%;
  background-color: white;
  position: relative;
  padding-top: 2.5rem;
  padding-bottom: 1.25rem;
  margin-bottom: -4rem;
  top: -7.5rem;
  text-align: center;
  color: black;
  z-index: 1;
  box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.4);
}

.banner-titlte {
  text-align: left;
  padding-left: 1.875rem;
  font-family: IBM Plex Sans Condensed;
  font-size: 3.125rem;
  font-weight: 500;
  line-height: 1;
}

.banner-description {
  padding: 0.625rem;
  padding-left: 1.875rem;
  line-height: 2.1875rem;
  text-align: left;
  color: #000;
  font-family: IBM Plex Sans Condensed;
  font-size: 1.5625rem;
}

.page-content {
  max-width: 75rem;
  width: 80%;
  /* margin-left: 4vh; */
  top: -20vh;
  color: #000;
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  line-height: 1.875rem;
  padding-bottom: 10%;
}

.wp-block-image img {
  max-width: 100%;
  max-height: 37.5rem;
  object-fit: cover;
}

/* recintos page style */
.carousel-container {
  position: relative;
  max-width: 54.6875rem;
  /* Ajusta el ancho total del carrusel */
  margin: auto;
  overflow: hidden;
  /* Oculta el contenido fuera del area visible */
}

.header-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.625rem;
  padding-top: 1.25rem;
}

.custom-carousel {
  display: flex;
  transition: transform 0.5s ease-in-out;
  overflow-x: auto;
  overflow: hidden;
  padding-bottom: 3.125rem;
  padding-top: 1.25rem;
  /* Suaviza el desplazamiento */
}

.card-custom {
  width: 12.9375rem;
  height: 12.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-style: italic;
  font-size: 1.125rem;
  text-align: center;
  margin-right: 0.75rem;
}

.bg-blue {
  background-color: #1E3378;
}

/* Azul */
.bg-green {
  background-color: #1FAA59;
}

/* Verde */
.arrow-btn {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #1E3378;
  margin-left: 0.3125rem;
}

.recinto-item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 1.875rem;
}

.recinto-img {
  flex-shrink: 0;
  border-radius: 0.3125rem;
}

.recinto-info h4 {
  font-weight: bold;
}

.recinto-info p {
  margin: 0;
}

.divider {
  border-top: 0.125rem solid #ddd;
  margin: 1.25rem 0;
}

/* Banner Recintos */
.map-container {
  margin-bottom: 1.25rem;
}

.direccion-fisica-recinto {
  margin-bottom: 2.5rem;
}

.informacion-adicional-recinto {
  width: 100%;
  background-color: #EFEFF0;
  padding: 1.25rem;
}

.title-provincia {
  text-align: left;
  padding-left: 2rem;
  font-family: IBM Plex Sans Condensed;
}

.recinto-encabezado {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 3.75rem;
}

.informacion-departamentos {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  line-height: 1.5625rem;
}

.departamento-contenido {
  margin-bottom: 0.3125rem;
}

.informacion-departamentos .departamento-encabezado {
  color: #7C7C7C;
  padding-bottom: 0.3125rem;
}

/* estilos page proyectos y servicios */
.header-section {
  margin-top: 3.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.section-title {
  font-style: italic;
  margin: 0;
}

.see-more {
  text-decoration: none;
  font-size: 0.875rem;
}

.see-more:hover {
  text-decoration: underline;
  color: #000;
}

.divider {
  border-top: 1px solid #ccc;
  margin: 0.625rem 0;
}

/* Estilos para el logo titulo y descripcion*/
.logo-titulo {
  color: #213C74;
  font-style: normal;
  font-weight: lighter;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  justify-content: right;
  max-width: 18.75rem;
  /* Ajusta el ancho que necesites */
  white-space: normal;
  word-break: break-word;
  text-align: left;
  /* Opcional: centra el texto */
  font-family: IBM Plex Sans;
}

.logo-subtitulo {
  color: #1F7A33;
  font-size: 1.5625rem;
  font-style: italic;
  font-weight: bold;
  font-family: IBM Plex Sans;
}

.custom-logo {
  max-width: 9.375rem;
  max-height: 18.75rem;
  width: auto;
  height: auto;
}

.redes-section {
  align-self: flex-start;
}

.credenciales {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  border-top: solid 1px rgba(0, 0, 0, 0.2);
  padding: 2.8125rem 5rem;
  margin-top: 6.25rem;
  color: #003869;

}

.credencial-img {
  width: 12.5rem;
  height: 6.25rem;
  object-fit: contain;

}

.contactanos {
  width: 70%;
  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-left: 2.5rem;

}

.credencial-container {
  width: 40%;
  height: 12.5rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 1.25rem;
  border-right: solid 1px rgba(0, 0, 0, 0.2);
  ;



}

.c {
  margin: 1.25rem;
  height: 10.625rem;
  width: 11.875rem;
  text-align: start;
}

.politic {
  color: #003869;
  text-decoration: none;
  text-align: start;



}

.c a:hover {
  color: rgb(215, 109, 43);
}

h4 {
  margin: 1.25rem 0px;
}





.certificaciones {
  margin: 0px 1.5625rem;
  padding: 1.875rem;
  color: #003869;
  padding-bottom: 0.3125rem;
}

.certificaciones span {
  font-weight: bold;
  font-size: 1rem;
}

.certificacion {
  font-size: 4.375rem;
  margin: 0.625rem;
  color: #003869;


}

.certificacion-container {
  display: flex;
  margin-top: 1.25rem;
}

.sellos {
  width: 6.25rem;
  height: 6.25rem;

}

.stamp-link {
  display: inline-block;
  position: relative;
}

.iframe-wrapper {
  display: inline-block;
  width: 6.25rem;
  height: 6.25rem;
}

.footer-container {

  padding: 1.25rem 0px;
  background-color: #003869;
  color: white;


}

.derechos {
  margin: 0px 1.5625rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.siguenos {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.siguenos a {
  color: white;
  text-decoration: none;
  margin-left: 0.625rem;
  font-size: 1.0625rem;
}

footer .custom-logo {
  max-width: 12.5rem;
  max-height: 28.125rem;
  width: auto;
  height: auto;
  display: flex;
}

.footer {
  background-color: #213C74;
  color: white;
  padding: 6.25rem;
  text-align: center;
  list-style: none;
}

.footer-title {
  text-align: right;
  color: white;
  font-size: 1.0625rem;
  padding-bottom: 1.25rem;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 17.6875rem;
}

.footer-address {
  text-align: right;
  color: white;
  font-size: 0.8125rem;
  padding-bottom: 1.25rem;
  font-family: Arial, Helvetica, sans-serif;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  background-color: #213C74;
  display: flex;
  justify-content: space-between;
  padding-left: 6.25rem;
  padding-right: 6.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: white;
  text-align: center;
}

.menu-footer {
  padding-left: 6.25rem;
  padding-bottom: 1.25rem;
  color: white;
  text-align: center;
  font-family: IBM Plex Sans Condensed;
  text-decoration: none;

  .link {
    padding-right: 0.625rem;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    font-family: Arial, sans-serif;
    text-decoration: none;
    color: white;
  }

  .link:not(:last-child) {
    border-right: 0.125rem solid #fff;
  }
}


/* Utilities */
.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-start-1 {
  grid-column-start: 1;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.row-span-3 {
  grid-row: span 3 / span 3;
}

.row-span-6 {
  grid-row: span 6 / span 6;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-start-11 {
  grid-row-start: 11;
}

.grid {
  display: grid;
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}

.gap-3 {
  gap: calc(var(--spacing) * 3);
}

.box-shadow {
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.2);
}

.niveles-box .nivel .nivel-content {}

.niveles-box .nivel .nivel-content .nivel-feature-img {
  width: 100%;
  height: 12.5rem;
  background-size: cover !important;
  background-position: center !important;
}

.niveles-box .nivel .nivel-content .nivel-title {
  padding: 0.625rem;
  text-align: center;
  font-size: 1.5rem;
  font-style: italic;
}

.niveles-box .nivel .nivel-content .nivel-title a {
  text-decoration: none;
  display: block;
}

/* Noticias portada */
.noticias-section {
  padding-top: 6.25rem;
  padding-bottom: 3.125rem;
}



body {
  font-family: IBM Plex Sans Condensed;
  margin: 0;
  padding: 0;
  background-color: #f3f3f3;
}

.container-noticias {
  display: flex;
  max-width: min-content;
  margin: auto;
  padding: 1.25rem;
}


.section-noticias-title {
  font-size: 1.875rem;
  color: #223366;
  margin: 0;
  font-family: IBM Plex Sans Condensed;
  font-style: italic;
  padding-bottom: 1.25rem;
  align-content: center;
}

.titulo-noticia {
  font-size: 2.1875rem;
  font-weight: bold;
  color: #223366;
  margin: 0;
  font-family: IBM Plex Sans Condensed;
  text-decoration: none !important;
}

.main-content {
  flex: 2;
  background: white;
  padding: 1.25rem;
  border-radius: 0.5rem;
}

.titulo-sidebar-noticia {
  font-size: 1.4375rem;
  font-weight: bold;
  color: #223366;
  margin: 1.875rem;
  font-family: IBM Plex Sans Condensed;
}

.a-noticias-sidebar {
  text-decoration: none !important;
  font-size: 1rem;
  color: #203d74;
  font-weight: normal;
  padding-right: 0.625rem;
}

.titulo-sidebar-noticia {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #223366;
  margin: 0;
  font-family: IBM Plex Sans Condensed;
}

.item-noticia {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #223366;
  padding: 0.9375rem 0;
}

.titulo-seccion-noticias{
  padding-bottom: 6.25rem;
}

.news-item:last-child {
  border-bottom: none;
}

.contenido-noticia {
  line-height: 28.5px;
  flex: 1;
}

.container-news {
  margin-bottom: 1.5625rem ;
padding-bottom: 1.5625rem ;

  border-bottom: #213C74 solid 1.1px;

}

.titulo-categoria {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #2f8a34;


  font-family: IBM Plex Sans Condensed;
}

.titulo-categoria a {
  text-decoration: none !important;
}

.line {
  border-bottom: 1px solid #223366;
  margin: 1.25rem 0;
}
.news-image  {
  display: flex;
  align-items: center;
}

.news-image img {
  width: 10rem;
  min-height: 3.75rem;
  height: 5.625rem;
  object-fit: cover;
  border-radius: 0.25rem;

}


.noticia-thumbnail {
  width: 100%;
  object-fit: cover;
  border-radius: 0.25rem;
}

h1 {
  color: #003366;
}

p {
  color: #666;
}

.redes-block {
  background-color: #2DA549;
  color: white;
  padding: 0.9375rem;
  text-align: center;
  font-family: IBM Plex Sans Condensed;
  font-size: 1.375rem;
  display: flex;
  justify-content: center;
  /* margin-top: 50px; */
}

.redes {
  margin-right: 1.25rem;
  text-decoration: none !important;
}

.video-title {
  font-size: 2.5rem;
  color: #fff;
  font-family: IBM Plex Sans Condensed;
  background-color: #222121;
  font-style: italic;
  text-align: left;
}

.vermas-video {
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  font-family: IBM Plex Sans Condensed;
  background-color: #222121;
  font-style: normal;
  inline-size: 1px;
  text-align: right;
}

.vermas-video a {
  text-decoration: none;
  color: #fff;
}

.galeria-videos {
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.25rem;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-right: 3.125rem;
  margin-left: 3.125rem;
}

.video-grid {
  display: inline-grid;
  grid-template-columns: 2fr 1fr;
  gap: 1px;
  max-width: 100rem;
}

.main-video {
  position: relative;
}

.video-wrapper {
  position: relative;
  padding-bottom: 68.25%;
  /* 16:9 ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


.side-videos {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.video {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0.3125rem;
  overflow: hidden;
}

.side-videos .video iframe {
  width: 28.125rem;
  height: 13.75rem;
}

.video img {
  width: 100%;
  display: block;
  border-radius: 0.3125rem;
}



.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  padding: 1.25rem;
}

.play-button::before {
  content: '\25B6';
  font-size: 1.875rem;
  color: #333;
}

/* Estilos directorio de funcionarios */
.image-funcionario {
  width: 11.375rem;
  height: 19.9375rem;
  object-fit: contain;
}

.info-funcionario {
  font-family: IBM Plex Sans Condensed;
  margin-top: 1.25rem;
  color: #000;
}

.nombre-funcionario {
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 500;
}

/* Estilos del modal funcionarios */
.image-modal {
  width: 17.3125rem;
  height: 21.875rem;
  object-fit: contain;
  /* padding-left: 50px; */
}

.nombre-funcionario-modal {
  font-family: IBM Plex Sans Condensed;
  font-size: 2.5rem;
  line-height: 3.125rem;
  font-weight: 500;
}

.cargo-modal {
  font-size: 1.5625rem;
  font-family: IBM Plex Sans Condensed;
  line-height: 1.875rem;
  font-weight: 500px;
}

.resumen-modal-container {
  margin-top: 3.125rem;
}

/* Estilos de la oferta formativa */
.container-oferta-formativa {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6.25rem;
}

.column-oferta-formativa {
  width: 80%;
  justify-content: center;
}

ul {
  /* list-style-type: none; */
  padding: 0;
}

li {
  color: green;
  margin-bottom: 0.625rem;
}

.requisitos-title-oferta-formativa {
  display: grid;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.125rem;
  font-family: IBM Plex Sans Condensed;
  color: white;
  font-size: 1rem;
  line-height: 1.875rem;
  background-color: #2DA549;
}

.requisitos-oferta-formativa ul {
  list-style-type: disc;
  /* Asegura que se muestren los puntos */
  margin-left: 1.25rem;
  /* Ajusta la indentaci */
  padding-left: 1.25rem;
}

.requisitos-oferta-formativa ol {
  list-style-type: decimal;
  /* Asegura la numeracien listas ordenadas */
  margin-left: 1.25rem;
  padding-left: 1.25rem;
}

.requisitos-oferta-formativa li {
  margin-bottom: 0.3125rem;
  /* Espacio entre elementos de la lista */
}

.requisitos-oferta-formativa {
  font-family: IBM Plex Sans Condensed;
  color: #000;
  font-size: 1rem;
  line-height: 1.875rem;
  margin-right: 3.125rem;
  margin-left: 3.125rem;
}

.requisitos-oferta-formativa li {
  color: black;
  margin-bottom: 0.625rem;
}

.requisitos-oferta-formativa-content {
  margin-left: 1.25rem;
  background-color: #F7F7F7;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.oferta-formativa-detalle {
  color: #808080;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  font-family: IBM Plex Sans Condensed;
}

.title-formativa {
  font-family: IBM Plex Sans Condensed;
  color: black;
  font-size: 2.5rem;
  line-height: 1.875rem;
}

.title-educacion-permanente {
  font-family: IBM Plex Sans Condensed;
  color: #81d742;
  font-size: 1.875rem;
  line-height: 1.875rem;
  font-style: italic;
  padding-bottom: 2.5rem;
}

.title-calendario-pruebas , .title-calendario-pruebas span {
  font-family: IBM Plex Sans Condensed;
  font-size: 2.5rem;
  line-height: 1.875rem;
  font-style: italic;
  padding-bottom: 2.5rem;
  font-weight: bold;

}

.preguntas-frecuentes-container {
  padding-bottom: 1.25rem;
}

.educacion-permanente-detalle {
  font-family: IBM Plex Sans Condensed;
  color: #000;
  font-size: 1rem;
  line-height: 1.875rem;
  margin-right: 3.125rem;
  margin-left: 3.125rem;
}

.educacion-permanente-detalle ul {
  list-style-type: disc;
  /* Asegura que se muestren los puntos */
  margin-left: 1.25rem;
  /* Ajusta la indentaciÃn */
  padding-left: 1.25rem;
}

.educacion-permanente-detallea ol {
  list-style-type: decimal;
  /* Asegura la numeraci en listas ordenadas */
  margin-left: 1.25rem;
  padding-left: 1.25rem;
}

.educacion-permanente-detalle li {
  margin-bottom: 0.3125rem;
  /* Espacio entre elementos de la lista */
}

.educacion-permanente-detalle li {
  color: black;
  margin-bottom: 0.625rem;
}

.contenedor-lista {
  display: flex;
  justify-content: center;
  width: 100%;
}

.lista-posts-relacionados {
  display: flex;
  /* gap: 0px; */
  /* Espacio entre las columnas */
  justify-content: revert;
  /* Centra las columnas */
  max-width: 64.125rem;
}

.lista-posts-relacionados li {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.125rem;
}

.columna {
  width: 50%;
  text-align: left;
}

.columna ul {
  list-style-type: disc;
  padding-left: 1.875rem;
}

.table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1.25rem;
}

.table-custom {
  border: 0.625rem solid #4CAF50;
}

.table-custom th {
  background-color: #76c68f;
  color: black;
  font-weight: bold;
  text-align: center;
}

.table-custom td {
  vertical-align: middle;
}

.table-custom tbody tr td:first-child {
  font-weight: bold;
}

.estudiantes-container {

  margin-top: -267.5px;

}

.title-card {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 21.875rem;
  line-height: 1.875rem;
  background-color: white;
  border-radius: 1.25rem;
  position: relative;
  bottom: 18.75rem;
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.3);
}

.title-card h1 {
  font-family: IBM Plex Sans Condensed;
  font-style: Italic;
  color: #ffffff;
  font-size: 6.25rem;
  line-height: 1.875rem;
}

.access-buttons {
  font-family: IBM Plex Sans Condensed;
  color: #213C74;
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  margin-left: 1.875rem;
  padding: 1.375rem;
  border-radius: 1.25rem;
  box-shadow: 10px 5px 20px 5px rgba(0, 0, 0, 0.2);
  font-style: italic;
  font-weight: 100;
  gap: 0.625rem 0.625rem;
}

.access-title {
  font-family: IBM Plex Sans Condensed;
  font-weight: bold;
  color: #213C74;
  font-size: 2.5rem;
  display: flex;
  justify-content: center space-between;
  align-items: center;
  margin-top: 6.25rem;
  margin-bottom: 0.625rem;
  padding: 0.625rem;
  border-radius: 1.25rem;
}

.access-title a{
  padding-top: 3.2rem;
}

.anuncio-cuadro {

  background-color: white;

  width: 30%;
  height: 29.3125rem;
  font-family: IBM Plex Sans Condensed;
  color: #213C74;
  font-size: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  font-style: italic;
  font-weight: 100;
  padding-top: 10rem;
  padding-bottom: 5.25rem;
  padding-left: 2.5rem;

  background: white;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transform: translateX(2.5rem);
  /* se superpone sobre la imagen */
  /* padding: 30px; */
  min-height: 25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;

}

.anuncio-cuadro ::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.25rem;
  /* Tamaño del recuadro */
  height: 1.25rem;
  /* Tamao del recuadro */
  background: green;
  /* Color del recuadro */
}

.anuncio-detalle {
  font-family: IBM Plex Sans Condensed;
  color: #213C74;
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  margin-left: 1.875rem;
  padding: 1.375rem;
  border-radius: 1.25rem;
  box-shadow: 10px 5px 20px 5px rgba(0, 0, 0, 0.2);
  font-style: italic;
  font-weight: 100;
}

.anuncio-title {
  font-family: IBM Plex Sans Condensed;
  font-weight: bold;
  color: #213C74;
  font-size: 2.5rem;
  padding-bottom: 3.125rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.anuncio-cuadro p {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.anuncio-vermas {
  font-family: IBM Plex Sans Condensed;
  color: #aaaaaa;
  font-size: 1.25rem;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 6.25rem;
  padding-left: 3.75rem;
}

.anuncio-vermas a {
  text-decoration: none;
}

.banner-anuncio {
  align-items: center;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;

}

.imagen-texto-bloque {
  min-height: 25rem;
  /* altura consistente */
}

.image-anuncio {

  width: 830PX;
  height: 40.625rem;
  object-fit: cover;
  display: block;

}

.banner-anuncio {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.de-interes-background {
  background-color: #213C7466;
}

.de-interes-cuadro {
  font-family: IBM Plex Sans Condensed;
  background-color: white;
  font-size: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
  box-shadow: 10px 5px 20px 5px rgba(0, 0, 0, 0.2);
  font-style: italic;
  font-weight: 100;
  border-top: solid 1.875rem #213C74;
}

.de-interes-title {
  font-family: IBM Plex Sans Condensed;
  font-weight: bold;
  color: #213C74;
  font-size: 2.5rem;
  padding: 1.25rem;
}

.de-interes-vermas {
  font-family: IBM Plex Sans Condensed;
  color: #aaaaaa;
  font-size: 1.25rem;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 6.25rem;
  padding: 1.25rem;
}

.de-interes-vermas a {
  text-decoration: none;
 
}

.de-interes-detalle {
  font-family: IBM Plex Sans Condensed;
  color: #213C74;
  font-size: 1.25rem;
  padding: 1.25rem;
}


.card-image1 {
  width: 100%;
  height: 18.75rem;
  object-fit: cover;
}

.carrera-detalle {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  color: #000;
}

.botones-carrera {
  max-width: 67%;
}

.carrera-boton {
  border: none;
  color: white;
  background-color: #2DA549;
  padding: 0.375rem 0 0.4375rem 0;
  text-align: center;
  text-decoration: none;
  display: grid;
  border-radius: 2.0625rem;
  margin-bottom: 0.875rem;
  max-width: 100%;
  font-style: normal;
}

.carrera-boton-2 {
  border: none;
  color: #ffffff;
  background-color: #213C74;
  padding: 0.375rem 0 0.4375rem 0;
  text-align: center;
  text-decoration: none;
  display: grid;
  border-radius: 2.5rem;
  max-width: 100%;
  margin-bottom: 0.0625rem;
  font-style: normal;
}


@media (min-width: 1024px) {
  .carrera-boton {
    width: 18.75rem;
    /* padding: 10px 0px; */
    font-size: 1.125rem;
  }

  .carrera-boton-2 {
    width: 18.75rem;
    /* padding: 10px 0px; */
    font-size: 1.125rem;
  }
}

/* single carreer */
.info-box-carreer {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  font-style: italic;
  font-weight: 100;
  /* padding-bottom: 6%; */
  /* padding-left: 6%; */
  color: black;
  background-color: #F3F3F3;
  /* width: 67%; */
  margin-bottom: 1.25rem;
  margin-top: 1.875rem;
}


@media (min-width: 768px) and (max-width: 1023px) {
  .info-box-carreer {
    width: 80%;
    font-size: 1rem;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
  }
}

.info-box-item-content {
  /* padding: 22px; */
  font-style: normal;
  padding-right: 0px;
  /* color: black; */
}

.carreer-title {
  font-family: IBM Plex Sans Condensed;
  font-size: 2.5rem;
  line-height: 1.875rem;
  color: #000;
  font-weight: bold;
  padding-bottom: 1.25rem;
}

.title-carreer-detail {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.875rem;
  line-height: 0.625rem;
  color: #213C74;
  font-weight: lighter;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  font-style: italic;
}

.info-box-item-content {
  font-family: IBM Plex Sans Condensed;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #000;
  font-weight: 100;
  padding-bottom: 1.25rem;
}

.requisitos-admision-carreer-title-box {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  /* line-height: 5px; */
  color: #ffffff;
  font-weight: lighter;
  /* padding-bottom: 15px; */
  background-color: #213c74;
  padding-left: 0.75rem;
  margin-right: 9%;
  margin-top: 1.25rem;
}

.requisitos-admision-carreer-detalle {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin-right: 9%;
  padding-top: 0.75rem;
  padding-bottom: 4.5rem;
}

.requisitos-admision-carreer-document {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin-right: 9%;
  padding-left: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 4.5rem;
}

.requisitos-admision-carreer-detalle li {
  color: black;
  margin-bottom: 0.625rem;
  margin-left: 0.5625rem;
}


.requisitos-admision-carreer-document li {
  color: black;
  margin-bottom: 0.625rem;
  margin-left: 0.5625rem;
}



.requisitos-admision-carreer-info {
  font-family: IBM Plex Sans Condensed;
  font-size: 1rem;
  line-height: 1.0625rem;
  color: #808080;
  font-weight: lighter;
  padding-bottom: 1.25rem;
  /* border-bottom: solid 2px #213C74; */
  /* font-style: italic; */
  margin-right: 9%;
  margin-top: 0.75rem;
}

.requisitos-explicacion-del-proceso-de-admision {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); */
  margin-right: 10%;
  padding-top: 0%;
  padding-bottom: 0.625rem;
}

.requisitos-explicacion-del-proceso-de-admision li {
  color: black;
  margin-bottom: 0.625rem;
  margin-left: 0.5625rem;
}

.documents-carreer-title {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  line-height: 0.625rem;
  color: #213C74;
  font-weight: lighter;
  padding-bottom: 1.25rem;
  border-bottom: solid 0.125rem #213C74;
  font-style: italic;
}

.documents-carreer-elements {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  /* line-height: 17px; */
  color: #7A7A7A;
  font-weight: 100;
  /* margin-right: 1px; */
  font-style: italic;
}

.documents-carreer-elements a {
  text-decoration: none;
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  /* line-height: 17px; */
  color: #7A7A7A;
  font-weight: 100;
  /* margin-right: 1px; */
  font-style: italic;
}

.info-box-item-title {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  line-height: 0.625rem;
  color: #727272;
  font-weight: lighter;
  padding-bottom: 1.25rem;
}

.info-box-item-content li {
  color: black;
}

.becas-requisitos-explicacion {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  margin-right: 10%;
  padding-top: 0%;
  padding-bottom: 0.625rem;
}

.becas-requisitos-explicaciont ul,
.becas-requisitos-explicacion ol {
  list-style-type: disc;
  /* O usa "decimal" para <ol> */
  margin-left: 1.25rem;
}

.becas-requisitos-explicacion li {
  margin-bottom: 0.3125rem;
}

.becas-requisitos-explicacion li {
  color: black;
  margin-bottom: 0.625rem;
  margin-left: 0.5625rem;
}

/* Estilos de pagina noticias */
.imagen-destacada-noticia {
  height: 21.5625rem;
  /* object-fit: contain; */
}

.imagen-destacada-noticia img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding-left: 2.375rem;
}

.imagen-destacada-noticia-grid {

  object-fit: cover;
  padding-right: 8.25rem;
}

.imagen-destacada-noticia-grid img {
  height: 20rem;
  width: 100%;
  max-width: 28.75rem;
  object-fit: cover;
  padding-top: 1.75rem;
}

.imagen-destacada-blog {

  width: 100%;
  height: 25rem;
  object-fit: cover;
}

.body-noticia {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #000;
  padding-bottom: 1.25rem;
}

.noticia-categoria {
  font-family: 'IBM Plex Sans Condensed';
  font-size: 1.5rem;
  color: #213C74;
  margin-bottom: 0.5625rem;
  padding-top: 1.5625rem;
}

.noticia-categoria a {
  color: #213C74;
  text-decoration: none;
}

.noticia-titulo {
  max-width: 85%;
  font-size: 1.8125rem;
  line-height: 2.375rem;
  font-style: italic;
}

.noticia-excerpt {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-family: 'IBM Plex Sans Condensed';

  padding-top: 0.4375rem;
  margin-right: 0.9375rem;
  color: #8F8F8F;

}

.icon-right {
  font-size: 1.875rem;
  color: #2DA549;
}

.contenedor-noticia,
.contenedor-blog-noticia,
.contendor-primera-noticia {
  max-width: 75rem;
  margin: 0 auto;
}

.contenedor-noticia {
  padding-left: 1.25rem;
  padding-right: 4.8125rem;

}


.contenedor-blog-noticia {
  margin-bottom: 6.25rem;
  display: flex;
  padding-top: 1.25rem;
}


.banner-title-post {
  position: relative;
  top: -4.25rem;
  right: -8.125rem;
  font-size: 3.125rem;
  line-height: 3.5625rem;
  color: white;

  font-style: italic;
  font-family: 'IBM Plex Sans Condensed';
}

.post-resumen {
  padding-right: 3.125rem;
}

/* .ver-mas {
  display: block;
  text-align: right;
} */

.noticia-1 {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #000;
  padding-bottom: 1.25rem;
  margin-right: -4.0625rem;
  margin-left: 2.3125rem;
}

.noticia-2 {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #000;
  padding-bottom: 1.25rem;
}

.categoria-noticia-titulo {
  font-family: 'IBM Plex Sans Condensed';
  font-size: 1.875rem;
  color: #213C74;
  margin-bottom: 0.5625rem;
}

/* Degradado  oscuro banner principal */
.gradient {
  margin-top: -16.3125rem;
  width: 100%;
  position: relative;
  background-image: linear-gradient(transparent, black 78%);
  margin-bottom: 3.125rem;
  bottom: -1.5rem;
}

.post-fecha {
  font-size: 1.375rem;
}

.post-fecha a {
  color: #ffffff;
}

i.bi.bi-arrow-right-circle {
  right: 12.5rem;

}

i.bi.bi-arrow-right-circle-fill {
  position: absolute;
  right: 12.5rem;
  font-size: 1.5625rem;
}


.col-sm-3 .titulo-filtro-noticias {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.6875rem;
  line-height: 1.875rem;
  color: #213C74;
  padding-bottom: 0.625rem;
  text-decoration: underline solid #2DA549;
  padding-left: 1.3125rem;
}

.buscador-filtro-container {
  background-color: #EDEDED;
  margin-left: 1.25rem;
}

.buscador-body {
  background-color: #EDEDED;
  padding: 2.1875rem 1.5625rem;
  margin-left: 2.9375rem;
}


.buscador-categoria {
  font-size: 0.8125rem;
  line-height: 3;
  border-bottom: #213C74 solid 1.1px;
}

.categoria-name {
  border-bottom: 1px solid black;
}

.rango-fecha {
  border-bottom: 1px solid black;
}

.acordeon-texto {
  font-family: IBM Plex Sans Condensed;
  font-size: 0.9375rem;
  line-height: 3.875rem;
  color: #000;
  padding-bottom: 0.625rem;
}

.botones {
  display: flex;
  justify-content: space-between;
  padding-top: 3.3125rem;
}

.aplicar-filtros {
  background-color: #2DA549;
  padding: 0.8125rem;
  font-family: 'IBM Plex Sans Condensed';
  color: white;
}


.borrar-filtros {
  background-color: #ddd;
  padding: 0.8125rem;
  font-family: 'IBM Plex Sans Condensed';
  color: #6c757d;

}

/* Estilos pagination noticas */

.pagination-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.625rem 0;
  margin-bottom: 0.625rem;
}

.pagination {
  display: flex;
  gap: 0.625rem;
}

.pagination a {
  text-decoration: none;
  color: #aaa;
  font-weight: bold;
}

.pagination a.active {
  color: green;
}

.view-all {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #444;
  font-weight: bold;
}

.view-all i {
  margin-left: 0.3125rem;
  font-size: 1.2em;
}

.cuadro-dia {
  background-color: #EBE9E9;
  padding-bottom: 0.625rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  color: #213C74;
  font-size: 4.625rem;
  border-top: 1.875rem solid;
}

.cuadro-mes {
  color: #ffffff;
  position: absolute;
  margin-left: 3.375rem;
  font-size: 1.1875rem;
}

.sala-prensa {
  font-family: IBM Plex Sans Condensed;
  font-weight: bold;
  color: #213C74;
  font-size: 2.5rem;
  padding-bottom: 3.125rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.contenido-prensa {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #8F8F8F;
  padding-bottom: 1.25rem;
}

.titulo-prensa {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.875rem;
  color: #213C74;
  margin-bottom: 0.5625rem;
}


.cuadro-1 {
  width: 18.125rem;
  height: 12rem;
  color: #fff;
  font-size: 1.1875rem;
  border: 1px solid #fff;
  margin-right: 0.0625rem;
  position: relative;
  top: -12rem;
  background: #0000007d;
}

.date-video {
  color: #B7B7B7;
  padding-top: 1.875rem;
}

.videos-container {
  font-family: 'IBM Plex Sans Condensed';
  font-size: 1.875rem;
  font-weight: bold;
  color: #1F3762;
  /* Azul oscuro */
  display: flex;
  align-items: center;
  gap: 0.625rem;
  /* Espacio entre el texto y la línea */
  padding-bottom: 1.25rem;
}

.videos-container hr {
  flex-grow: 1;
  border: none;
  border-top: 0.1875rem solid #1F3762;
  margin-right: 0.9375rem;
}

.titulo-video-prensa {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.875rem;
  color: #213C74;
  margin-bottom: 0.5625rem;
}

.card-video-prensa {
  background-color: #D9D9D9;
  padding: 2.5rem 2.5rem 2.5rem 2.5rem;
  color: white;
  margin-top: 3.125rem;
}






.fotos-container {
  font-family: 'IBM Plex Sans Condensed';
  font-size: 1.875rem;
  font-weight: bold;
  color: #1F3762;
  /* Azul oscuro */
  display: flex;
  align-items: center;
  gap: 0.625rem;
  /* Espacio entre el texto y la línea */
  padding-bottom: 1.25rem;
}

.fotos-container hr {
  flex-grow: 1;
  border: none;
  border-top: 0.1875rem solid #1F3762;
  margin-right: 0.9375rem;
}


.titulo-foto {
  font-family: 'IBM Plex Sans Condensed';
  color: #213C74;
  font-size: 1.875rem;
  padding-top: 0.3125rem;
}

.fecha-foto {
  font-size: 1.25rem;
  color: #666666;
}



.divider-bottom {
  display: flex;
  border-bottom: 1px #D9D9D9 solid;
  margin-bottom: 2.5rem;
}

.carousel {
  position: relative;
  width: 100vw;
  /* Abarca el 100% del ancho de la pantalla */
  margin-bottom: 1.875rem;
}

.carousel-inner {
  width: 100vw;
  height: 80%;
  /* Abarca el 100% de la altura de la pantalla */
}

.custom-indicators {
  align-items: center;
  background-color: #fff;
  height: 1.875rem;
  width: 9.375rem;
  bottom: 3.125rem;
  border-radius: 0.9375rem;
  left: 50%;
  transform: translateX(-50%);
}



.carousel-image {
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.carousel-controls {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 9.375rem;

  background: rgba(0, 0, 0, 0.7);
}

.control-item {
  flex: 1;
  padding: 1.25rem;
  color: white;
  text-align: center;
  cursor: pointer;
}

.control-item.active {

  transform: scaleY(1.1);
  /* Hace que el elemento activo sea más alto */
  background: #213C74;

}



/* foto-grid */

.gallery {
  column-count: 1;
  column-gap: 0.625rem;
  padding-bottom: 1.875rem;

}


#nextButton {
  bottom: 1.25rem
}

.gallery img {
  width: 100%;
  margin-bottom: 0.625rem;
  border-radius: 0.375rem;
  display: block;
  break-inside: avoid;
}

@media (min-width: 600px) {
  .gallery {
    column-count: 2;
  }
}

@media (min-width: 900px) {
  .gallery {
    column-count: 3;
  }
}

@media (min-width: 1200px) {
  .gallery {
    column-count: 4;
  }
}


/* calendario */

.week {
  display: flex;
  justify-content: space-between;
}

.day {
  width: 2.1875rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-weight: 500;
  position: relative;
  z-index: 1;
  margin: 0;
}

.day.range {
  background-color: #a8dadc;
  color: black;
  border-radius: 0;
  margin-bottom: 0.625rem;
}


.day.range::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background-color: #a8dadc;
  z-index: -1;
}

/* Alarga el fondo hacia la derecha */
.day.range::after {
  content: "";
  position: absolute;
  top: 0;
  right: -50%;
  width: 50%;
  height: 100%;
  background-color: #a8dadc;
  z-index: -1;
}

/* Elimina el after del primer día del rango para permitir borde redondeado */
.day.left-rounded::before {
  display: none;
}

/* Elimina el before del último día del rango para permitir borde redondeado */
.day.right-rounded::after {
  display: none;
}

.day.selected {
  background-color: #1d3557;
  color: white;
  z-index: 2;
}

.day.left-rounded {
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}

.day.right-rounded {
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}

.day.inactive {
  color: #ccc;
  background-color: transparent;
}

.calendar {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  width: 23.75rem;
}

.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  font-weight: bold;
  font-size: 1.2rem;
}

.calendar-header span {
  color: #888;
  cursor: pointer;
}

.day-names {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
}

.day-names div {
  color: #b0abc3;
  padding: 0.5rem 0;
}



.calendar-info {

  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  font-size: 0.9rem;
  padding-left: 20%;

}

/* Eventos noticias */
.titulo-principal-eventos {
  font-family: IBM Plex Sans Condensed;
  text-decoration: #008000 solid underline;
  color: #213C74;
  font-size: 3.125rem;



}

.evento-item {
  display: flex;
  width: 45%;
  /* ✅ Dos por fila */
  box-sizing: border-box;
}


.titulo-eventos {
  padding-left: 1.25rem;
  font-family: IBM Plex Sans Condensed;
  font-size: 1.5625rem;
  color: #000000;
  margin-bottom: 0.5625rem;
  font-style: italic;
  font-weight: bold;
}

.horario-eventos {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  color: #6B6B6B;
  margin-bottom: 0.5625rem;
}

.ubicacion-eventos {
  font-family: IBM Plex Sans Condensed;
  font-size: 1.25rem;
  color: #6B6B6B;
  margin-bottom: 0.5625rem;
}

.lista-de-eventos {
  font-size: 1.25rem;
  color: #213C74;
  font-style: italic;

}


.calendar-info li {
  color: black;
}


.lista-de-pruebas {
  font-size: 1.25rem;
  color: #213C74;
  font-style: italic;

}

.pagination-movil-noticias {
  padding: 0.625rem 0;
  text-align: center;
  margin: 1.25rem 0;
  font-family: monospace;
  font-size: 0.875rem;
  border-top: 1px solid #C2C2C2;
  border-bottom: 1px solid #C2C2C2;
}


.pagination-movil-noticias .page-numbers {
  color: #888;
  text-decoration: none;
  padding: 0 0.25rem;
}

.pagination-movil-noticias .page-numbers.current {
  color: green;
  font-weight: bold;
}

.pagination-movil-noticias .pipe {
  color: #ccc;
  margin: 0 0.1875rem;
}


.search-form {
  display: contents;
}


/* Dispositivos móviles */
@media (max-width: 768px) {
  .search-form i {
    margin-top: -5px;
  }

  .nav-container {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.625rem 1.25rem;
  }

  .search-bar input {
    width: 100%;
    margin-bottom: 0.625rem;
  }

  .menu {
    flex-direction: column;
    gap: 0;
  }

  .menu-item {
    width: 100%;
    padding: 0.625rem 0;
  }

  .menu-container {
    width: 100%;
    right: 0;
    top: auto;
  }

  .noticias-grid,
  .cards-section .row,
  .contenedor-blog-noticia .row {
    flex-direction: column;
  }

  .col-sm-6,
  .col-sm-7,
  .col-sm-5,
  .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .menu-lateral,
  .menu-lateral-noticias {
    margin: 0;
    padding: 1.25rem 0.625rem;
  }

  .menu-lateral>li,
  .menu-lateral-noticias>li {
    margin: 0.625rem 0 0;
  }



  .imagen-destacada-noticia img,
  .imagen-destacada-noticia-grid img {
    width: 100%;
    height: auto;
  }

  .noticia-categoria {
    padding-left: 30px;
    font-size: 1.1rem;
    padding-top: 0.625rem;
  }


}

/* Tablets */
@media (max-width: 1024px) {
  .nav-container {
    padding: 0.625rem 1.25rem;
  }

  .menu-container {
    right: 0;
    width: 90%;
  }

  .menu {
    flex-wrap: wrap;
  }

  .menu-lateral,
  .menu-lateral-noticias {
    padding: 1.25rem;
  }
}


@media (max-width: 768px) {
  .card {
    width: 90%;
    top: -5vh;
    flex-direction: column;
    align-items: center;
  }

  .card-image {
    width: 80px;
    height: 80px;
  }


  .news-image img {
    width: 100%;
    height: 12.5rem;
    object-fit: cover;
    border-radius: 0.25rem;

  }
}

@media (max-width: 768px) {

  #carouselExample {
    max-height: 18.75rem;
  }


  .recinto-item {
    display: contents;
  }

  .cards-section {
    margin-top: -2.1875rem;
  }

  .carousel-inner img {
    object-fit: cover;
    height: 18.75rem;
  }

  .btn-slider-movil {
    top: -20.4375rem;
  }

  .carousel-control-next,
  .carousel-control-prev {
    top: -18.75rem;
  }

  .carousel-indicators {
    top: 16.625rem;
  }

  .info-text {
    text-align: center;
  }

  .info-box {
    display: flex;
    justify-content: center;
    /* Centrado horizontal */
    align-items: center;
    flex-direction: column;
    height: auto;
    padding: 1.25rem;
    width: 100%;
  }

  .info-servicio {
    text-align: center;
    margin: 0px;


  }

  .data-servicio-container {
    max-width: 100%;
    text-align: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .subelementos-departamento-servicio {
    margin-left: 0px;
  }

  .info-item {
    margin-bottom: 0.9375rem;
    padding-bottom: 1.5625rem;
  }

  .info-title {
    text-align: center;
    padding-bottom: 1.5625rem;

    margin-bottom: 0px;
  }

  .card-custom {
    width: 10rem;
    height: 10.4375rem;
    padding: 0px 0.3125rem;
  }
}

.formativa-container {
  width: 70%;
  margin-top: -9.375rem;
}


@media (max-width: 768px) {

  .estudia-con-nosotros-text {
    width: 90%;
    text-align: center
  }

  .estudia-con-nosotros-title {
    padding-bottom: 4.375rem;
    width: 90%;
    text-align: center;
  }

  .estudia-con-nosotros-section {}

  .estudia-con-nosotros-image {
    width: 90%;
  }

  .estudia-con-nosotros-row {


    padding-left: 1.25rem;
    padding-right: 0px;
  }

  .slogan-text {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  .slogan-text span {
    font-size: 1.75rem;
  }
}


@media (max-width: 768px) {
  .title-card {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    bottom: 11.4375rem;
  }

  .accesos-container {
    padding-right: 1.875rem;

  }


  .carrusel-movil-epee {
    height: 33vh;
  }

  .title-card h1 {
    font-size: 3.125rem;
  }

  .menu-menu-lateral-container {
    display: none;
  }

  .info-carreer-contenedor {
    padding: 0px 1.875rem;
  }


  .botones-carrera {
    max-width: 100%;
    padding: 0px 1.875rem 2.5rem;
  }

  .requisitos-admision-carreer-document {
    margin-right: 0px;
    padding: 0.625rem 1.875rem;
  }

  .requisitos-admision-carreer-document ul {
    padding: 0;
  }

  .carrera-detalle {
    padding: 0.625rem 1.875rem;
  }

  .becas-requisitos-explicacion {

    padding: 0.625rem 1.875rem;
    margin-right: 0px;
  }

  .becas-requisitos-explicacion ul {
    padding: 0.625rem 0.625rem;
  }

  .requisitos-admision-carreer-info {
    margin-right: 0px;
    padding: 0.625rem 1.875rem;

  }

  .title-carreer-detail {
    line-height: 1.5;
  }

  .requisitos-admision-carreer-detalle ul {
    padding: 0;
  }

  .requisitos-admision-carreer-title-box {

    padding: 0.625rem 1.875rem;
    text-align: center;
    margin-right: 0px;
  }


  .requisitos-admision-carreer-detalle {
    padding: 0.625rem 1.25rem;
    margin-right: 0px;
  }

  .title-carreer-detail {
    padding: 2.5rem 1.25rem;
  }

  .noticias-home-container {
    padding: 0px 1.25rem
  }

  .servicios {
    padding: 1.25rem;
    width: 10.625rem;
    height: 11.1875rem;
  }

  .lista-posts-relacionados {
    padding-left: 1.75rem;
    width: 13.5625rem;
  }

  .title-educacion-permanente {
    padding-left: 0.625rem;
  }

  .requisitos-oferta-formativa-content {
    margin-left: 0px;
    margin-right: 1.875rem;
    margin-bottom: 1.25rem;

  }

  .requisitos-oferta-formativa {
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
  }

  .requisitos-oferta-formativa-content {}

  .oferta-formativa-detalle {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 100%;


  }

  .container-oferta-formativa {


    width: 100%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    margin-top: 3.75rem
  }

  .column-oferta-formativa {
    width: 100%;

  }

  .lista-posts-relacionados {
    width: 100%;
  }


  .columna li {
    margin-bottom: 1.875rem;
  }

  .boton-movil {
    width: 25rem;
  }

  .formativa-container {
    width: 100%;

  }

  .title-formativa {
    font-size: 2.1875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;

  }

  .educacion-permanente-detalle {
    font-family: IBM Plex Sans Condensed;
    color: #000;
    font-size: 1rem;
    line-height: 1.875rem;
    margin-right: 0px;
    margin-left: 0px;

  }

  .preguntas-frecuentes-container {

    padding-bottom: 3.125rem;

  }

  .tabla-evento {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .contacto-recintos-data {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .title-calendario-pruebas {
    padding-left: 1.25rem;
  }

  .title-calendario-pruebas {
    padding-left: 1.25rem;
    padding-right: 1.25rem;

  }

  .banner-img {
    position: relative;
    width: 100%;
    height: 20.625rem;
    object-fit: cover;
  }

  .banner-img {
    position: relative;
    width: 100%;
    height: 20.625rem;
    object-fit: cover;

  }

  .banner-titlte {
    font-size: 2rem;
    padding-left: 1.125rem;

  }

  .banner-description {
    font-size: 1.125rem;
    padding-left: 1.125rem;
    line-height: 1.2;
  }

  .preguntas-frecuentes-data {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .banner-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .icon-right {
    padding-left: 2.5rem;
  }

  .imagen-destacada-noticia {
    object-fit: contain;
    height: 11.5625rem;
  }

  .imagen-destacada-noticia img {

    padding: 0px 1.25rem;
  }

  .resumen-modal-container {
    text-align: justify;
  }

  .page-content {
    width: 100%;
    justify-content: center;
    text-align: justify;
    padding: 0px 30px ;
  }

  .de-interes-background {
    padding: 0px 1.25rem;
  }

  .access-title {
    padding-top: 4.375rem;
    margin-top: 0px;
    padding-bottom: 4.375rem;
    font-size: 2.25rem;
  }

  .slider-anuncio {
    width: 100%;
    padding-left: 0.625rem;
    padding-right: 1.875rem;
  }

  .anuncio-cuadro {
    transform: none;
    left: 0;
    font-size: 1.125rem;
    height: 23.75rem;
    top: 11.25rem;
  }

  .anuncio-cuadro p {
    padding: 1.25rem 1.25rem;
  }

  .anuncio-title {
    font-size: 2.25rem;

    padding: 1.25rem 1.25rem;
  }

  .servicios-destacados-section {
    padding-top: 3.125rem;
  }

  .recinto-img {
    margin: 1.875rem 0px;

    object-fit: cover;
    width: 100%;
  }

  .divider {
    padding-top: 0.625rem;
  }

  .banner-title-post {
    padding-left: 1.25rem;
    padding-right: 0.625rem;
    right: 0px;
    font-size: 1.75rem;
    top: 0px;

  }

  .post-resumen {
    padding-right: 0px;
  }



  .evento-item {

    align-items: flex-start;
    width: 100%;
    padding-left: 0.625rem;
  }




  .calendario-box {
    margin-bottom: 0.625rem;
  }

  .horario-eventos {
    font-size: 1.125rem;
  }

  .ubicacion-eventos {
    font-size: 0.9375rem;
  }

  .titulo-principal-eventos {
    padding-left: 1.25rem;
  }

  .titulo-eventos {
    padding-left: 0.625rem;
  }

  .pagination-movil-noticias {
    display: flex;
    justify-content: center;


  }

  .contenedor-blog-noticia {
    justify-content: center;
  }

  .noticia-titulo {
    max-width: 100%;
    padding: 0px 1.25rem;
  }

  .imagen-destacada-noticia-grid {
  
    display: flex;
    padding-right: 0%;
    padding-left: 0%;
    justify-content: center;


  }

  .imagen-destacada-noticia {
    margin-top: 3.125rem;
  }

  .imagen-destacada-noticia-grid img {

    height: auto;

  }

  .noticia-1 {
    display: flex;
    justify-content: center;
      margin-right: 0rem;
    margin-left: 0rem;
  }

  .contenedor-noticia {
    padding-right: 0px;
    padding-top: 2.5rem;
  }

  .noticia-excerpt {
    display: flex;
    padding-left: 1.25rem;
    width: 90%;
    align-items: center;

  }

  #side-menu {
    display: none;
  }

  .gradient {
    margin-top: -14.75rem;
  }

  .divider-bottom {
    display: block;
  }

  .carousel-controls {

    top: 12.5rem;
    height: 6.875rem;
  }

  .carousel-image {
    width: 100vw;
    height: 18.75rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }

  .carousel-inner {
    width: 100vw;
    height: 27rem;
    /* Abarca el 100% de la altura de la pantalla */
  }

  .slider-anuncio {

    height: 52.5rem;
  }


  .gallery {
    padding: 0px 1.25rem;
  }

  #galleryModal {
    justify-content: center;
    align-items: center;
  }

  #nextButton {

    bottom: 8.75rem;

  }

  .redes-block {
    font-size: 1.125rem;
    width: 100%;
  }

  .search-bar button {
    display: flex;
  }

  .carousel-inner img {

    object-fit: cover;
    width: 100%;
  }



  /* footer movil style */



  .footer {
    padding: 0px;
  }

  .footer-title {
    padding: 0px 0.625rem;
    margin-left: 0px;
    text-align: center;
  }

  .footer-address {
    padding: 0px 1.25rem;
    text-align: center;
  }

  .redes-section {
    padding-top: 1.25rem;
    /* padding-left: 20px; */
    display: flex;
    justify-content: center;

  }

  .menu-footer {

    padding-left: 2.5rem;

  }


  .derechos {
    padding-left: 1.875rem;
  }

  .credenciales {
    display: grid;
    padding: 0;
    text-align: center;
    margin-top: 2.5rem;
  }


  .credencial-container {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: none;
    border-right: none;
    gap: 5rem;
  }

  .credencial-img {
    width: 8.4375rem;
    height: 4.375rem;
    object-fit: contain;
    /* margin: 20px; */
  }





  .contactanos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin: 0;
    font-size: 0.9375rem;
    gap: 0.5rem;
    width: 100%;
    /* margin-right: 20px; */
  }








  .c {

    width: 100%;
    margin: 0px;
    padding: 1.25rem 1.25rem;
    margin-bottom: 1.25rem;

  }

  .certificaciones {
    margin: 0 1rem;
    padding: 1.25rem;
    font-size: 0.875rem;
  }

  .certificacion {
    font-size: 2.5rem;

  }

  .footer-container .derechos {
    flex-direction: column;
    gap: 0.625rem;
    text-align: center;
  }

  .siguenos {
    flex-direction: column;
    gap: 0.3125rem;
  }

  .ulist {
    max-width: 100%;
    display: none;
  }

  .ulist button {
    font-size: 1rem;
    padding: 0.5rem 0.625rem;
  }

  .ulist li ul li a {
    font-size: 1rem;
    padding: 0.625rem;
  }

  .menu-lateral {
    display: none;
  }
  .titulo-noticia{
    font-size: 1.5rem;
    font-weight: bold;

  }





}