/* ESTILOS PORTAFOLIO
-------------------------------------------------*/


.node .node__content {
  font-size: 1rem;
}

.paragraph {
  display: block;
}

.paragraph::after {
  display: none;
}

.paragraph.paragraph--type--bp-accordion .panel-heading a {
  font-weight: 500;
  background-color: #edf1f6;
}

.paragraph.paragraph--type--bp-accordion .card-block h2, .paragraph.paragraph--type--bp-accordion .card-block .h2 {
  font-size: 1.5rem;
}

.paragraph.paragraph--type--bp-tabs .tab-content h2, .paragraph.paragraph--type--bp-tabs .tab-content .h2 {
  font-size: 1.5rem;
}

.paragraph.paragraph--type--bp-modal+.modal .modal-body h2, .paragraph.paragraph--type--bp-modal+.modal .modal-body .h2 {
  font-size: 1.5rem;
}

.paragraph.paragraph--type--bp-carousel.carousel-with-arrow-dark .carousel-inner {
  padding: 0 3.75rem;
}

.paragraph.paragraph--type--bp-carousel.carousel-with-arrow-dark .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.paragraph.paragraph--type--bp-carousel.carousel-with-arrow-dark .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.paragraph.paragraph--type--bp-carousel.carousel-with-arrow-dark .carousel-indicators [data-bs-target] {
  background-color: #212529;
}

.paragraph.paragraph--type--bp-carousel.carousel-with-arrow-dark .carousel-control-prev {
  left: 0;
}

.paragraph.paragraph--type--bp-carousel.carousel-with-arrow-dark .carousel-control-next {
  right: 0;
}

.paragraph.paragraph--type--bp-carousel.carousel-with-arrow-dark .carousel-control-next,
.paragraph.paragraph--type--bp-carousel.carousel-with-arrow-dark .carousel-control-prev {
  width: 60px;
  height: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.node_search-results .list-group-item {
  border: 0;
  padding: 1.5rem 1rem;
}

.node_search-results .list-group-item>h3, .node_search-results .list-group-item>.h3 {
  font-size: 1.25rem;
}

.node_search-results .list-group-item>h3>a, .node_search-results .list-group-item>.h3>a {
  text-decoration: none;
}

.node_search-results .list-group-item+.list-group-item {
  margin-top: 2rem;
}



.views-view-table {
  margin-bottom: 3.125rem;
  border: 1px solid #cecece;
}

.views-view-table> :not(caption)>* {
  border-width: 1px 0;
}

.views-view-table> :not(caption)>*>* {
  border-width: 0 1px;
}

.views-view-table> :not(:first-child) {
  border-top: 0;
}

.views-view-table thead th {
  background-color: #009bdb;
  color: #fff;
  text-align: center;
  font-weight: normal;
  border-bottom: 0;
}

.views-view-table tbody {
  border-top: 0;
}

.views-view-table tbody tr:nth-child(odd)>td {
  --anep-table-striped-bg: #fff;
  background-color: #fff;
}

.views-view-table tbody tr:nth-child(even)>td {
  background-color: #edf1f6;
}

.text-xs {
  font-size: 0.75rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
}

.text-lg {
  font-size: 1.125rem !important;
}

a {
  color: #009BDB;
  text-decoration: none;
}
user agent stylesheet
a:-webkit-any-link {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}
.card-container {
  flex-flow: row wrap;
  display: flex;
  margin: 2% 2% 2% 2%;
  justify-content: center;
}

.card-wrapper {
  flex: 1 1 30%;
  display: flex;
  color: #718096;
  border: 1px solid rgba(0, 0, 0, .125);
  margin: 1.5rem;
}
.card-wrapper .card-top {
  width: 80%;
  display: flex;
  background-color: #f3f3f3;
  color: #464646;
  padding: 1.5rem;
  font-size: 1.5em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, .125);
  box-sizing: border-box;
}
.card-wrapper .card-bottom {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.card-wrapper .card-top {
  width: 80%;
  display: flex;
  background-color: #f3f3f3;
  color: #464646;
  padding: 1.5rem;
  font-size: 1.5em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, .125);
  box-sizing: border-box;
}
.card-wrapper .card-bottom a {
  margin: 25px;
  text-align: center;
  text-decoration: none;
  color: white;
  background-color: #009bdb;
  padding: 8px 25px;
  border: 2px solid #009bdb;
  display: block;
  cursor: pointer;
  border-radius: 4px;
  transition: 0.2s;
}
.card-container {
  flex-flow: row wrap;
  display: flex;
  margin: 2% 2% 2% 2%;
  justify-content: center;
}
user agent stylesheet
div {
  display: block;
  unicode-bidi: isolate;
}
body {
  margin: 0;
  font-family: Arial;
  background-color: #f9fbfd;
  color: #464646;
}
.procedimientos-externos {
  width: 100%;
  display: block;
}
.procedimientos-externos h2 {
  background-color: #f3f3f3;
  color: #464646;
  padding: 2rem;
  font-size: 1.5em;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  box-sizing: border-box;
  margin: 0;
}
h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}


.procedimientos-externos .card-bottom a {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  background-color: transparent;
  text-align: left;
  color: #464646;
  margin: 0;
  width: 100%;
  padding: 15px;
  padding-left: 25px;
  border-radius: unset;
}
/* .views-field-field-fecha-capacitacion .field-content {
  font-family: Arial;
  font-weight: normal;
} */

div {
  display: block;
  unicode-bidi: isolate;
}
.views-field-field-fecha-capacitacion {
  font-size: 18px;
  border-left: 4px solid #009BDB;
  padding: 10px;
  background-color: #ededed;
  width: 100%;
  box-sizing: border-box;
}


.fa-calendar-alt::before, .fa-file-pdf::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  display: inline-block;
  padding-right: 10px;
}

.mapa::before {
  font-family: "Font Awesome 5 Free"; /* O asegúrate de usar la familia correcta */
  font-weight: 900; /* Peso para los íconos sólidos */
  content: "\f041";
  padding-right: 10px;
  display: inline-block;
}
/* .views-field-field-lugar-y-otros {
  font-size: 16px;
  color: #464646;
  padding-left: 20px;
  margin-bottom: 30px;
  width: calc(90% - 2px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-left: 1px;
  box-sizing: border-box;
} */


a {
  color: #009BDB;
  text-decoration: none;
}
user agent stylesheet
a:-webkit-any-link {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}
.views-field-field-lugar-y-otros p {
  font-family: Arial;
  font-weight: normal;
  display: inline-block;
}
.fa, .fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.fa, .fas, .far, .fal, .fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}



.fa-map-marker-alt:before {
  content: "\f3c5";
}
.fa-map-marker-alt:before {
  padding-right: 10px;
}
.fa, .fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.fa, .fas, .far, .fal, .fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.views-field-field-lugar-y-otros {
  font-size: 16px;
  color: #464646;
  padding-left: 20px;
  margin-bottom: 30px;
  width: calc(90% - 2px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-left: 1px;
  box-sizing: border-box;
}

.sidebar h2, .sidebar .h2 {
  font-size: 1.25rem;
  border-bottom: 5px solid #009BDB;
  padding-bottom: .625rem;
  margin-bottom: 1.875rem;
}

.sidebar .field--name-field-line-contact .field__item+.field__item {
  margin-top: 1.5rem;
}

.views-view-table {
  margin-bottom: 3.125rem;
  border: 1px solid #cecece;
}


.views-view-table> :not(caption)>* {
  border-width: 1px 0;
}

.views-view-table> :not(caption)>*>* {
  border-width: 0 1px;
}

.views-view-table> :not(:first-child) {
  border-top: 0;
}

.views-view-table thead th {
  background-color: #009bdb;
  color: #fff;
  text-align: center;
  font-weight: normal;
  border-bottom: 0;
}

.views-view-table tbody {
  border-top: 0;
}

.views-view-table tbody tr:nth-child(odd)>td {
  --anep-table-striped-bg: #fff;
  background-color: #fff;
}

.views-view-table tbody tr:nth-child(even)>td {
  background-color: #edf1f6;
}

.text-xs {
  font-size: 0.75rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
}

.text-lg {
  font-size: 1.125rem !important;
}

a {
  color: #009BDB;
  text-decoration: none;
}
user agent stylesheet
a:-webkit-any-link {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}
.card-container {
  flex-flow: row wrap;
  display: flex;
  margin: 2% 2% 2% 2%;
  justify-content: center;
}

.card-wrapper {
  flex: 1 1 30%;
  display: flex;
  color: #718096;
  border: 1px solid rgba(0, 0, 0, .125);
  margin: 1.5rem;
}
.card-wrapper .card-top {
  width: 80%;
  display: flex;
  background-color: #f3f3f3;
  color: #464646;
  padding: 1.5rem;
  font-size: 1.5em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, .125);
  box-sizing: border-box;
}
.card-wrapper .card-bottom {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.card-wrapper .card-top {
  width: 80%;
  display: flex;
  background-color: #f3f3f3;
  color: #464646;
  padding: 1.5rem;
  font-size: 1.5em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, .125);
  box-sizing: border-box;
}
.card-wrapper .card-bottom a {
  margin: 25px;
  text-align: center;
  text-decoration: none;
  color: white;
  background-color: #009bdb;
  padding: 8px 25px;
  border: 2px solid #009bdb;
  display: block;
  cursor: pointer;
  border-radius: 4px;
  transition: 0.2s;
}
.card-container {
  flex-flow: row wrap;
  display: flex;
  margin: 2% 2% 2% 2%;
  justify-content: center;
}
user agent stylesheet
div {
  display: block;
  unicode-bidi: isolate;
}

.procedimientos-externos {
  width: 100%;
  display: block;
}
.procedimientos-externos h2 {
  background-color: #f3f3f3;
  color: #464646;
  padding: 2rem;
  font-size: 1.5em;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  box-sizing: border-box;
  margin: 0;
}
h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}



.procedimientos-externos .card-bottom a {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  background-color: transparent;
  text-align: left;
  color: #464646;
  margin: 0;
  width: 100%;
  padding: 15px;
  padding-left: 25px;
  border-radius: unset;
}

.sidebar-first ul li a.is-active {
  border-left: 5px solid #009BDB;
  color: #009BDB;
}
.sidebar-first ul li a {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: #3b3b3b;
  font-size: 17px;
}
.sidebar-first ul li a {
  border-top: 1px solid #e5dddd;
  /* border-left: 5px solid #b6b6b6; */
  border-right: 1px solid #e5dddd;
  cursor: pointer;
}
a {
  color: #009BDB;
  text-decoration: none;
}
user agent stylesheet
a:-webkit-any-link {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}
user agent stylesheet
li {
  text-align: -webkit-match-parent;
}

.sidebar-first ul {
  list-style: none;
  padding: 0 10px;
}

.form-submit {
  background-color: #009bdb;
  /*margin-left: 21px;*/
  color: #fff;
  width: 100px;
  height: 38px;
  box-sizing: border-box;
  border: 0;
  cursor: pointer;
}
.button-docentes{
  background-color: #009BDB; /* Azul primario */
  color: #fff; /* Texto blanco */
  margin-top: 0.5rem;
  font-size: 16px; /* Tamaño de fuente */
  padding: 10px 20px; /* Espaciado interno */
  border: none; /* Sin borde */
  border-radius: 5px; /* Bordes redondeados */
  cursor: pointer; /* Cambia el cursor a mano */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra */
  transition: background-color 0.3s ease, transform 0.2s ease; /* Animación suave */
}

/* Efecto hover */
.button-docentes:hover {
  background-color: #0056b3; /* Azul más oscuro */
  transform: scale(1.05); /* Efecto de agrandamiento */
}

/* Efecto de clic */
.button-docentes:active {
  background-color: #004080; /* Azul aún más oscuro */
  transform: scale(0.98); /* Ligeramente más pequeño */
}

/* Estilo para botón deshabilitado */
.button-docentes:disabled {
  background-color: #ccc; /* Gris */
  color: #666; /* Texto gris */
  cursor: not-allowed; /* Cursor bloqueado */
  box-shadow: none; /* Sin sombra */
}

.custom-image img {
  width: 100%;
  height: auto;
}

/*navegación lateral */

.sidebar_second .nav {flex-direction:column!important;}

.sidebar_second .nav .nav-item { border-bottom: 1px solid #cecece;}


/*---------banner--------*/

.banner-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 500px; /* Altura mínima en pantallas grandes */
  min-height: 25vh;  /* Al menos 50% de la altura de la ventana */
}

.banner {
  background: url(/sites/default/files/images/banners/pantalla2025.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 100%; /* 🔹 IMPORTANTE: Asegura que ocupe toda la altura del contenedor */
  min-height: inherit; /* 🔹 Hereda la altura mínima del contenedor padre */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 50px;
  color: white;
}
        .banner-overlay {
            background: rgba(0, 0, 0, 0.6);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .banner-content {
            position: relative;
            z-index: 1;
            text-align: right;
            max-width: 500px;
        }
        .btn-custom {
            background-color: #0094ff;
            color: white;
            border: none;
            padding: 10px 20px;
            font-size: 1.2rem;
            text-decoration: none;
            display: inline-block;
            border-radius: 5px;
        }
        .btn-custom:hover {
            background-color: #0078cc;
        }

       
        /* Responsividad */
        @media (max-width: 1024px) {
          .banner {
              height: 450px;
              padding: 30px;
          }
          .banner-content {
              max-width: 400px;
          }
      }

      @media (max-width: 768px) {
          .banner {
              height: 400px;
              justify-content: center;
              text-align: center;
          }
          .banner-content {
              text-align: center;
          }
      }

      @media (max-width: 480px) {
          .banner {
              height: 350px;
              padding: 20px;
          }
          .banner-content h2 {
              font-size: 1.5rem;
          }
          .banner-content p {
              font-size: 1rem;
          }
          .btn-custom {
              font-size: 1rem;
              padding: 8px 16px;
          }
      }


      .evento-hoy {background-color: #E0F3FA;}

/* Preguntas frecuentes — buscador arriba, categorías abajo */
.view-preguntas-frecuentes .views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1rem;
  margin-bottom: 1.5rem;
}

.view-preguntas-frecuentes .views-exposed-form .form--inline,
.view-preguntas-frecuentes .views-exposed-form .form-row {
  display: contents;
}

.view-preguntas-frecuentes .views-exposed-form .form-item-buscar,
.view-preguntas-frecuentes .views-exposed-form .form-item-title {
  order: 1;
  flex: 1 1 16rem;
  margin: 0;
  max-width: 28rem;
}

.view-preguntas-frecuentes .views-exposed-form .form-actions {
  order: 2;
  margin: 0;
}

.view-preguntas-frecuentes .views-exposed-form .form-item-categoria {
  order: 3;
  flex: 1 1 100%;
  margin: 0;
}

.view-preguntas-frecuentes .views-exposed-form .form-item-categoria .bef-links > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.view-preguntas-frecuentes .views-exposed-form .form-item-categoria .bef-links > ul > li {
  display: inline-flex;
  order: 0;
  margin: 0;
  padding: 0;
}

.view-preguntas-frecuentes .views-exposed-form .form-item-categoria .bef-links > ul > li:first-child {
  order: 1;
}

.view-preguntas-frecuentes .view-content {
  margin-bottom: 0.5rem;
}

.view-preguntas-frecuentes nav.pager,
.view-preguntas-frecuentes .pager {
  margin-top: 1.75rem;
  margin-bottom: 0.5rem;
}

.view-preguntas-frecuentes .views-exposed-form .form-item-categoria .bef-link {
  display: inline-block;
  padding: 0.5rem 1rem;
  border: 1px solid #1363ff;
  border-radius: 0.25rem;
  background-color: #fff;
  color: #1363ff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.view-preguntas-frecuentes .views-exposed-form .form-item-categoria .bef-link:hover,
.view-preguntas-frecuentes .views-exposed-form .form-item-categoria .bef-link:focus {
  background-color: #edf1f6;
  color: #001b68;
  border-color: #001b68;
  text-decoration: none;
}

.view-preguntas-frecuentes .views-exposed-form .form-item-categoria .bef-link--selected,
.view-preguntas-frecuentes .views-exposed-form .form-item-categoria .bef-link--selected:hover,
.view-preguntas-frecuentes .views-exposed-form .form-item-categoria .bef-link--selected:focus {
  background-color: #1363ff;
  border-color: #1363ff;
  color: #fff;
}