@font-face {
  font-family: "Roboto";
  src: url(../../fuentes/Roboto-Bold.ttf);
  font-weight: bold;
  font-style: bold;
}

@font-face {
  font-family: "Poppins";
  src: url(../../fuentes/Poppins-Bold.ttf);
  font-weight: bold;
  font-style: bold;
}

@font-face {
  font-family: "Poppins";
  src: url(../../fuentes/Poppins-Black.ttf);
  font-weight: 900;
  font-style: 900;
}

@font-face {
  font-family: "Poppins";
  src: url(../../fuentes/Poppins-Medium.ttf);
  font-weight: 500;
  font-style: 500;
}

@font-face {
  font-family: "Roboto";
  src: url(../../fuentes/Roboto-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url(../../fuentes/Poppins-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Nunito";
  src: url(../../fuentes/Nunito-Bold.ttf);
  font-weight: bold;
  font-style: bold;
}

@font-face {
  font-family: "Nunito";
  src: url(../../fuentes/Nunito-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Alfa Slab One";
  src: url(../../fuentes/AlfaSlabOne-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}

a {
  text-decoration: none;
  color: #005f44;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

/*Botón admision*/
.list-menu a {
  font-weight: bold;
}

/*Primaria y secundaria varones*/

.client_logo .single_client_logo {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%;
  float: left;
  z-index: 0;
}

.client_logo .single_client_logo:nth-child(5n + 1) {
  border-left: 0px solid transparent;
}

.client_logo .single_client_logo:nth-child(n + 6) {
  border-bottom: 0px solid transparent;
}

.client_logo .single_client_logo img {
  filter: grayscale(1);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.client_logo .single_client_logo img:hover {
  filter: grayscale(0);
}

/**Fin de primaria y secundaria varones/

/*** Button Start ***/
.btn {
  font-weight: 600;
  transition: 0.5s;
}

/*Para el video ovalado*/
/* .video-banner {
    width: 100%;
    max-width: 100%;
    height: 900px;
    border-radius: 20px;
  }*/

video {
  width: 100%;
  object-fit: cover;
  margin-top: 160px;
}

.overlay {
  /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; */
}

.oval-shape {
  position: absolute;
  top: 51%;
  left: 0;
  right: 0;
  height: 85px;
  background-color: #fff;
  border-radius: 60% 60% 0 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog-entry .meta-date {
  display: inline-block;
  background: #005c41;
  position: absolute;
  margin-top: -85px;
  margin-left: 29px;
}

.blog-entry .meta-date span {
  display: block;
  color: #fff;
}

.blog-entry .meta-date .day {
  font-weight: 700;
  font-size: 20px;
}

.blog-entry .meta-date .mos,
.blog-entry .meta-date .yr {
  font-size: 13px;
}

.blog-entry .meta > div {
  display: block;
  margin-right: 5px;
  margin-bottom: 0px;
  font-size: 15px;
}

.blog-entry .meta > div a {
  color: #b3b3b3;
  font-size: 13px;
}

.blog-entry .meta > div a:hover {
  color: #cccccc;
}

.block-20 {
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  display: block;
}

.ftco-hireme {
  position: relative;
}

/*
Botones
*/
.btn-visita {
  /* margin-right: 20px; */
  margin-bottom: 10px;
}

/*
Links
*/
.btn-registrate a {
  font-family: "Poppins";
  font-weight: bold;
}

.btn-registrate a:hover {
  color: rgba(229, 169, 1, 0.9);
  font-weight: bold;
}

/************************/
/*     Testimonials     */
/************************/
.slider-1 {
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.slider-1 .section-title {
  text-align: center;
}

.slider-1 .h2-heading {
  text-align: center;
  margin-bottom: 3rem;
}

.slider-1 .slider-container {
  position: relative;
}

.slider-1 .swiper-button-prev,
.slider-1 .swiper-button-next {
  color: var(--primary);
}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {
  /* even if you can't see it chrome you can see it on mobile device */
  outline: none;
}

.slider-1 .swiper-button-prev {
  left: -16px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23707375'%2F%3E%3C%2Fsvg%3E");
  background-size: 18px 28px;
}

.slider-1 .swiper-button-next {
  right: -14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23707375'%2F%3E%3C%2Fsvg%3E");
  background-size: 18px 28px;
}

.slider-1 .card {
  border: none;
  position: relative;
  background-color: transparent;
}

.slider-1 .card-image {
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  margin-bottom: 1.25rem;
}

.slider-1 .card-body {
  padding: 0;
}

.slider-1 .testimonial-text {
  margin-bottom: 0.75rem;
}

.slider-1 .testimonial-author {
  margin-bottom: 0;
  color: #252c38;
}

.slider-1 .avatar {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.btn.custom-btn {
  padding: 12px 25px;
  font-size: 0.9em;
  /* font-weight: 600; */
  color: #ffffff;
  /* background: #fbaf32; */
  background: rgba(229, 169, 1, 0.9);
  border: 2px solid #fbaf32;
  border-radius: 5px;
  transition: 0.5s;
}

.btn.custom-btn:hover {
  color: #fbaf32;
  background: transparent;
}

.btn.custom-btn:focus,
.form-control:focus,
.custom-select:focus {
  /* box-shadow: none; */
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

#videoModal {
  padding-left: 17px;
}

#videoModal .modal-dialog {
  position: relative;
  max-width: 800px;
  margin: 60px auto 0 auto;
}

#videoModal .modal-body {
  position: relative;
  padding: 0px;
}

#videoModal .close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 50px;
  top: -30px;
  z-index: 999;
  font-size: 30px;
  font-weight: normal;
  color: #ffffff;
  background: #000000;
  opacity: 1;
}

/*******************************/
/******* Reconocimiento CSS *******/
/*******************************/
.reconocimiento-alumni {
  position: relative;
  width: 100%;
  /* padding: 40px 0; */
  /* margin: 45px 0; */
  background: rgba(241, 242, 242, 1);
  padding-bottom: 6em;
}

.reconocimiento .not-carousel {
  position: relative;
  width: calc(100% + 30px);
  margin: 0 -15px;
}

.reconocimiento .not-item {
  position: relative;
  margin: 15px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #ffffff;
  border-radius: 15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
  overflow: hidden;
}

.reconocimiento .not-item:hover {
  box-shadow: none;
}

.reconocimiento .not-img {
  position: relative;
  width: 100px;
  border-radius: 100px;
  margin-bottom: 20px;
  overflow: hidden;
}

.reconocimiento .not-img img {
  width: 100%;
  border-radius: 100px;
}

.reconocimiento .not-item p {
  text-align: center;
  margin-bottom: 10px;
}

.reconocimiento .not-item h2 {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 2px;
}

.reconocimiento .not-item h3 {
  color: #999999;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.reconocimiento .owl-dots {
  margin-top: 10px;
  text-align: center;
  padding-bottom: 30px;
}

.reconocimiento .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fbaf32;
  border: none;
}

.reconocimiento .owl-dot.active {
  background: #719a0a;
}

.fondo-rec {
  background-color: #005329;
  padding-bottom: 2em;
}

/*******************************/
/******* noticias CSS *******/
/*******************************/

.gcaract i {
  color: #fff;
}

.gcaract h5 {
  color: #fff;
  cursor: pointer;
  font-weight: bold;
}

.gcaract p {
  color: #44425a;
  cursor: pointer;
  font-weight: bold;
}

.degree-right {
  position: relative;
  z-index: 0;
}

.degree-right:after,
.degree-right:before {
  position: absolute;
  content: "";
  height: 50px;
  background: #fff !important;
  z-index: 2;
  bottom: -25px;
}

.degree-right:before {
  width: 65%;
  left: 0;
  -ms-transform: matrix(1, 0.102, 0, 2, 0, 0);
  /* IE 9 */
  -webkit-transform: matrix(1, 0.102, 0, 2, 0, 0);
  transform: matrix(1, 0.102, 0, 2, 0, 0);
  /* Standard syntax */
}

.degree-right:after {
  width: 35%;
  right: 0;
  -ms-transform: matrix(1, -0.19, 0, 2, 0, 0);
  /* IE 9 */
  -webkit-transform: matrix(1, -0.19, 0, 2, 0, 0);
  transform: matrix(1, -0.19, 0, 2, 0, 0);
  /* Standard syntax */
}

.banner {
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 15%;
  border-bottom-right-radius: 15%;
  overflow: hidden;
  /* Asegúrate de ocultar el desbordamiento */
}

.video-background {
  object-fit: cover;
}

.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  z-index: 2;
}

.btn {
  padding: 10px 20px;
  background-color: #eceded;
  color: #005329;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
}

.btn:hover {
  /* background-color: #cc0000; */
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: white;
  text-align: center;
}

.copyright {
  color: #fff;
}

.copyright a {
  color: #fff;
}

.footer-social a,
.social a {
  display: inline-block;
  /* width: 40px;
  height: 40px; */
  position: relative;
  /* background: #89ba16; */
  border-radius: 50%;
  text-decoration: none !important;
  font-size: 1.5em;
  color: #fff;
}

.footer {
  font-family: "Poppins";
}

.section-header h2 {
  color: #252c38;
}

.copy {
  color: #fff;
  font-size: 0.8em;
  font-family: "Poppins";
  font-weight: normal;
}

.page-header {
  background: linear-gradient(rgba(24, 29, 56, 0.7), rgba(24, 29, 56, 0.7)),
    url(/img/fondo.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-header-inner {
  background: rgba(15, 23, 43, 0.7);
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--light);
}

/*Fin del banner de bienvenida*/

/*Banner historia*/

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--light);
}

/*Fin del banner de historia*/

.section-title {
  /* position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: #06bbcc; */
}

.section-title::before {
  position: absolute;
  content: "";
  width: calc(100% + 80px);
  height: 2px;
  top: 4px;
  left: -40px;
  background: #06bbcc;
  z-index: -1;
}

.section-title::after {
  position: absolute;
  content: "";
  width: calc(100% + 120px);
  height: 2px;
  bottom: 5px;
  left: -60px;
  background: #06bbcc;
  z-index: -1;
}

.section-title.text-start::before {
  width: calc(100% + 40px);
  left: 0;
}

.section-title.text-start::after {
  width: calc(100% + 60px);
  left: 0;
}

/*Página de bienvenida*/
.about {
  width: 100%;
  background: #ffffff;
  /* padding-top: 94px; */
  /* padding-bottom: 111px; */
}

.about_row:not(:last-child) {
  /* margin-bottom: 99px; */
}

.about_image {
  width: 100%;
}

.about_image img {
  max-width: 100%;
}

.about_text {
  /* margin-top: 61px; */
}

/*Fin de página de bienvenida*/

.circle-bg2:after {
  width: 300px;
  height: 300px;
  content: "";
  z-index: -1;
  border-radius: 50%;
  position: absolute;
  bottom: -42px;
  right: -55px;
  background: #f8f9fa;
}

.circle-bg2 img {
  border-radius: 2%;
}

.tit-mis {
  color: #005c41;
}

.timeline {
  position: relative;
  padding: 0;
  list-style: none;
}

.timeline:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  width: 2px;
  margin-left: -1.5px;
  content: "";
  background-color: #e9ecef;
}

.timeline > li {
  position: relative;
  min-height: 50px;
  margin-bottom: 50px;
}

.timeline > li:after,
.timeline > li:before {
  display: table;
  content: " ";
}

.timeline > li:after {
  clear: both;
}

.timeline > li .timeline-panel {
  position: relative;
  float: right;
  width: 100%;
  padding: 0 20px 0 100px;
  text-align: left;
}

.timeline > li .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}

.timeline > li .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}

.timeline > li .timeline-image {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 80px;
  height: 80px;
  margin-left: 0;
  text-align: center;
  color: white;
  border: 7px solid #e9ecef;
  border-radius: 100%;
  background-color: #ffc800;
}

.timeline > li .timeline-image h4,
.timeline > li .timeline-image .h4 {
  font-size: 10px;
  line-height: 14px;
  margin-top: 12px;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  padding: 0 20px 0 100px;
  text-align: left;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}

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

.timeline .timeline-heading h4,
.timeline .timeline-heading .h4 {
  margin-top: 0;
  color: #44425a;
  font-size: "Inter";
}

.timeline .timeline-heading h4.subheading,
.timeline .timeline-heading .subheading.h4 {
  text-transform: none;
}

.timeline .timeline-body > ul,
.timeline .timeline-body > p {
  margin-bottom: 0;
}

.video-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Hacer que el video ocupe toda la pantalla */
  z-index: -1;
  /* Asegura que el video quede detrás del contenido */
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-fluid2 {
  max-width: 100%;
  height: auto;
  border: 25px solid #006c64;
}

.img-shadow {
  border-radius: 7px;
  -webkit-box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.4);
}

.block__96788 .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #005c41;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.block__96788 .play-icon span {
  font-size: 0.8rem;
  color: #000;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.section-title {
  font-size: 2rem;
  font-weight: 700;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

/*Primaria y secundaria*/
.frame,
.frame img,
.frame .feature-img-bg {
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  overflow: hidden;
}

.scaling-image {
  width: 100%;
  display: inline-block;
}

.scaling-image:hover .frame {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.scaling-image:hover img,
.scaling-image:hover .feature-img-bg {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.scaling-image {
  width: 100%;
  display: inline-block;
}

.fadeInUp {
  animation-name: fadeInUp;
}

.element-animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  background: #f8f9fa;
}

.feature-1 {
  padding: 30px;
  background: #f8f9fa;
  min-height: calc(50% - 15px);
  top: 0;
  margin-bottom: 30px !important;
}

.tit-prim {
  color: #525252;
  line-height: 1.5;
  font-weight: 900;
  font-size: 1.5em;
}

.readmore {
  font-size: 0.9rem;
  padding-right: 20px;
  display: inline-block;
  position: relative;
  color: #005c41;
}

.readmore:hover {
  color: #025523;
  font-weight: bold;
}

.franja-verde {
  background-color: #005c41;
}

.half-image {
  width: 350px;
  /* Ancho de la imagen */
  height: 350px;
  /* Alto de la imagen */
  object-fit: cover;
  /* Ajustar la imagen */
  border-radius: 50%;
  /* Hacer la imagen circular */
  position: absolute;
  /* Posicionamiento absoluto */
  bottom: -75px;
  /* Ajustar para que sobresalga hacia abajo */
  left: 90%;
  /* Centrar horizontalmente */
  transform: translateX(-50%);
  /* Ajustar el centrado */
}

.image-container {
  position: relative;
  /* Para el posicionamiento absoluto de la imagen */
  /* height: 200px;  */
  overflow: hidden;
  /* Ocultar la parte de la imagen que sobresale */
  /* margin-top: 99px; */
  margin-bottom: 0;
  padding: 0;
  left: 0;
}

.map-container:hover {
  transform: scale(1.1);
  /* Efecto de zoom al pasar el cursor */
  z-index: 10;
  /* Asegura que esté por encima de otros elementos */
}

/**items de alianzas y convenios para contactenos*/
.logo-section2 {
  padding: 70px 120px;
  background-color: #eceded;
  padding-bottom: 8em;
}

.logo-section2 .logo-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* height: 120px;
	width: 150px; */
  opacity: 0.1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.logo-section2 .logo-item:hover {
  opacity: 1;
}

.logo-section2 .owl-carousel .owl-item img {
  display: block;
  width: auto;
}

.vineta p {
  /* font-size: 0.9em; */
  /* font-weight: 500; */
  /* margin: 0.4em; */
}

.scroll-up {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  /* Ocultar por defecto */
  background-color: #005c41;
  color: white;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: opacity 0.3s;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.2);
}

.scroll-up:hover {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}

.scroll-up.show {
  display: block;
  /* Mostrar cuando se agrega la clase 'show' */
}

/*reconocimientos*/
/*** Project ***/

.project-carousel2 .owl-nav {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  opacity: 0;
}

.project-carousel2 .owl-nav .owl-prev:hover,
.project-carousel2 .owl-nav .owl-next:hover {
  background: #005c3f;
  color: #dfe4fd;
}

/*fin de reconocimientos*/

.siguenos {
  padding-bottom: 0.5em;
}

.logo-footer {
  margin-bottom: 1em;
}

.conocenos {
  font-size: 1.3em;
  font-weight: bold;
  color: #f8b132;
  margin-left: 1.6em;
  margin-bottom: 0.5em;
}

.margen-footer {
  /* margin-bottom: 1.5em; */
}

.dir {
  font-size: 16px;
}

.boton-franja {
}

.navbarv {
  padding: 0;
}

.navbarv ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
  font-weight: 600;
}

.navbarv li {
  position: relative;
  align-items: center;
}

.navbarv a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 1em;
  padding: 15px;
  margin-right: 0.2em;
}

.navbarv a:hover,
.navbarv .active,
.navbarv li:hover > a {
  color: #e7b11b;
  text-align: center;
}

.btn-active a span {
  background-color: #eceded;
  padding: 0.5em;
  padding-left: 1.2em;
  padding-right: 1.2em;
  border-radius: 2em;
  font-weight: bold;
  color: #006046;
}

.btn-list {
  padding: 0.5em;
  border-radius: 1em;
  font-weight: 500;
  color: #fff;
}

.franja-iconos .scroll-top {
  position: absolute;
  z-index: 5;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.circle-icon-hist:hover img {
}

.circle-icon-hist:hover img {
  border-radius: 50%;
  border: 5px solid #f1e1ca;
  padding: 0.1em;
}

.circle-icon-hist2:hover img {
  border-radius: 50%;
  border: 5px solid #c9dddc;
  padding: 0.1em;
}

.circle-icon-hist3:hover img {
  border-radius: 50%;
  border: 5px solid #efd2cc;
  padding: 0.1em;
}

.circle-icon-hist4:hover img {
  border-radius: 50%;
  border: 5px solid #c9dddc;
  padding: 0.1em;
}

.circle-icon-hist5 img {
  border-radius: 50%;
  border: 5px solid #f1e1ca;
  padding: 0.1em;
}

.testimony-wrap {
  display: block;
  position: relative;
  background: white;
  padding: 0 20px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0px 30px 33px -41px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0px 30px 33px -41px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 30px 33px -41px rgba(0, 0, 0, 0.24);
}

.testimony-wrap .icon span {
  color: #fff;
}

/*para los botones de protagonistas*/
.btn-active {
  /* background-color: #28a745; 
  color: white;  */
}

/* Los botones en su estado por defecto tienen fondo gris y letras negras */
.btn-secondary {
  background-color: #6c757d;
  /* Fondo gris */
  color: black;
  /* Texto negro */
}

/*fon de los botones protagonistas*/

.fondo-actv-marco {
  background-color: #eceded;
  width: 100%;
  height: 100px;
  color: #00542b;
}

.fondo-actv-marco:hover {
  background-color: #00542b;
  width: 100%;
  height: 100px;
  color: #fff;
}

.tit-actv-fam {
  font-size: 1.2em;
  font-family: Poppins;
  color: #fff;
  font-weight: bold;
}

.fondo-actv-marco a.tit-fam:hover {
  font-size: 1.2em;
  font-family: Poppins;
  font-weight: bold;
}

.fondo-actv-marco a.tit-fam.active {
  font-size: 1.2em;
  font-family: Poppins;
  font-weight: bold;
}

.fondo-marco {
  background-color: #eceded;
  width: 100%;
  height: 100px;
}

.tit-fam {
  font-size: 1.2em;
  font-family: Poppins;
  color: #00542b;
  font-weight: bold;
  text-align: center;
}

.parraf-fam {
  font-size: 0.9em;
  font-family: Poppins;
  font-weight: bold;
  text-align: center;
  color: #333;
}

.parraf-fam:focus {
  font-size: 0.9em;
  font-family: Poppins;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.parraf-fam:hover {
  color: #fff;
}

.boton-amarillo2 {
  background-color: #fcaf41;
  /* Color rosado */
  font-weight: bold;
  color: white;
  /* Color del texto */
  padding: 10px 50px;
  /* Espaciado interno */
  font-size: 1em;
  /* Tamaño de la fuente */
  border: none;
  /* Sin borde */
  border-radius: 50px;
  /* Esquinas ovaladas */
  cursor: pointer;
  /* Cambia el cursor al pasar sobre el botón */
  text-align: center;
  /* Centrar el texto dentro del botón */
  text-decoration: none;
  /* Quitar subrayado del enlace */
  display: inline-block;
  /* Para que se comporte como un bloque en línea */
  transition: background-color 0.3s;
}

/* Efecto al pasar el mouse (hover) */
.boton-rosado2:hover {
  background-color: #fff;
  /* Cambia el color cuando se pasa el mouse */
  color: #d91a5c;
  border: 2px solid #d91a5c;
  font-weight: bold;
}

/* Efecto al pasar el mouse (hover) */
.boton-amarillo2:hover {
  background-color: #fff;
  /* Cambia el color cuando se pasa el mouse */
  color: #fcaf41;
  border: 2px solid #fcaf41;
  font-weight: bold;
}

/* Efecto al pasar el mouse (hover) */
.boton-verde2:hover {
  background-color: #fff;
  /* Cambia el color cuando se pasa el mouse */
  color: #00542b;
  border: 2px solid #00542b;
  font-weight: bold;
}

/* Efecto al pasar el mouse (hover) */
.boton-rosado:hover {
  background-color: #fff;
  /* Cambia el color cuando se pasa el mouse */
  color: #d91a5c;
  border: 2px solid #d91a5c;
  font-weight: bold;
}

.pestanias-adm {
  color: #ffffff !important;
  border-width: 0px !important;
  border-color: #037e7a;
  border-radius: 99px;
  font-size: 20px;
  background-color: #337d75;
  transition: all 300ms ease 0ms;
  padding: 11px 37px;
}

.pestanias-req {
  color: #ffffff !important;
  border-width: 0px !important;
  border-color: #037e7a;
  border-radius: 99px;
  font-size: 20px;
  background-color: #337d75;
  width: 100%;
  transition: all 300ms ease 0ms;
  padding: 11px 70px;
  margin-top: 2em;
  margin-bottom: 2em;
}

.pestanias-inv {
  color: #ffffff !important;
  border-width: 0px !important;
  border-color: #037e7a;
  border-radius: 99px;
  font-size: 20px;
  background-color: #337d75;
  width: 100%;
  transition: all 300ms ease 0ms;
  padding: 11px 75px;
  margin-top: 2em;
  margin-bottom: 2em;
}

.tit-pest {
  font-weight: 800;
  font-size: 36px;
  color: #015c54 !important;
  text-align: left;
}

.logito-hist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* height: 120px;
	width: 150px; */
  opacity: 0.3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.logito-hist:hover {
  opacity: 1;
}

.logito-hist:focus {
  opacity: 1;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.et_pb_row {
  width: 80%;
  max-width: 1080px;
  margin: auto;
  position: relative;
}

.page h1.entry-title {
  display: none;
}

/* CSS para formulario de visita guiada */
.wpcf7-form-control[name="nombre"] {
  margin-bottom: 1em;
  width: 47.5%;
  margin-right: 5%;
}

.wpcf7-form-control[name="apellido"] {
  margin-bottom: 1em;
  width: 47.5%;
}

.wpcf7-form-control[name="email"] {
  margin-bottom: 1em;
  width: 47.5%;
  margin-right: 5%;
}

.wpcf7-form-control[name="celular"] {
  margin-bottom: 1em;
  width: 47.5%;
}

.wpcf7-form-control[name="cursos"] {
  width: 100%;
  margin-bottom: 1em;
}

.wpcf7-form-control[name="mensajes"] {
  width: 100%;
  margin-bottom: 1em;
  height: 200px;
}

@media only screen and (max-width: 980px) {
  .wpcf7-form-control[name="nombre"] {
    width: 100%;
    margin-right: 0;
  }

  .wpcf7-form-control[name="apellido"] {
    width: 100%;
  }

  .wpcf7-form-control[name="email"] {
    width: 100%;
  }

  .wpcf7-form-control[name="celular"] {
    width: 100%;
  }

  .wpcf7-form-control[name="cursos"] {
    width: 100%;
  }

  .wpcf7-form-control[name="mensajes"] {
    width: 100%;
  }
}

.et_pb_section_4.et_pb_section {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #b9930b !important;
}

.formulario-adm form input[type="email"],
.formulario-adm form input[type="text"],
.formulario-adm form input[type="password"],
.formulario-adm form input[type="tel"],
.formulario-adm form input[type="msje"],
.formulario-adm form input[type="cur"],
.formulario-adm form input[type="url"],
.formulario-adm form input[type="time"],
.formulario-adm form input[type="week"],
.formulario-adm form input[type="month"],
.formulario-adm form input[type="datetime-local"],
.formulario-adm form input[type="number"],
.formulario-adm form input[type="date"],
.formulario-adm form select,
.formulario-adm form textarea,
.formulario-adm form .trumbowyg-editor-visible,
.formulario-adm form .ccselect2-choice,
.formulario-adm form input[type="credit_card_cvc"] {
  font-size: 20px !important;
  text-align: left !important;
  /* color: #000000 !important; */
  padding-top: 20px !important;
  padding-right: 15px !important;
  padding-bottom: 20px !important;
  padding-left: 15px !important;
  border-radius: 50px;
  border: 1px solid #d1d2d4;
}

.formulario-adm form input[type="submit"],
.formulario-adm form button[type="submit"] {
  font-size: 20px !important;
  color: #b9930b !important;
  line-height: 1.7em !important;
  border-radius: 30px 30px 30px 30px;
  overflow: hidden;
  border-width: 0px !important;
  border-color: #ffffff !important;
  background-color: #ffffff !important;
  padding-top: 0.3em !important;
  padding-right: 1em !important;
  padding-bottom: 0.3em !important;
  padding-left: 1em !important;
}

.formulario-adm {
  margin-top: 2em;
}

/* Ocultamos el checkbox real */
.custom-checkbox {
  display: none;
}

/* Estilo personalizado para el checkbox */
.checkbox-label {
  position: relative;
  padding-left: 40px;
  /* Espacio para el checkbox */
  font-size: 18px;
  /* Tamaño del texto */
  cursor: pointer;
}

/* Estilo personalizado para el checkbox */
.checkbox-label-boton {
  position: relative;
  padding-left: 40px;
  /* Espacio para el checkbox */
  font-size: 1em;
  /* Tamaño del texto */
  cursor: pointer;
}

/* El cuadro del checkbox */
.checkbox-label::before {
  content: "";
  /* Lo inicializamos vacío */
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  /* Tamaño del cuadro del checkbox */
  height: 30px;
  /* Tamaño del cuadro del checkbox */
  border: 3px solid #eceded;
  /* Borde del cuadro */
  border-radius: 5px;
  /* Esquinas redondeadas */
  background-color: #fff;
  /* Color de fondo del cuadro */
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* El cuadro del checkbox */
.checkbox-label-boton::before {
  content: "";
  /* Lo inicializamos vacío */
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  /* Tamaño del cuadro del checkbox */
  height: 30px;
  /* Tamaño del cuadro del checkbox */
  border: 3px solid #eceded;
  /* Borde del cuadro */
  border-radius: 5px;
  /* Esquinas redondeadas */
  background-color: #fff;
  /* Color de fondo del cuadro */
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Estilo cuando el checkbox está marcado */
.custom-checkbox:checked + .checkbox-label::before {
  content: "✔";
  /* Marca de verificación */
  color: white;
  /* Color de la marca */
  background-color: #4caf50;
  /* Color de fondo cuando está marcado */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  /* Tamaño de la marca de verificación */
  border-color: #4caf50;
  /* Cambio de color del borde */
}

/* Estilo cuando el checkbox está marcado */
.custom-checkbox:checked + .checkbox-label-boton::before {
  content: "✔";
  /* Marca de verificación */
  color: white;
  /* Color de la marca */
  background-color: #4caf50;
  /* Color de fondo cuando está marcado */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  /* Tamaño de la marca de verificación */
  border-color: #4caf50;
  /* Cambio de color del borde */
}

/* Estilo al pasar el cursor sobre el checkbox */
.checkbox-label:hover::before {
  border-color: #666;
}

/* Estilo al pasar el cursor sobre el checkbox */
.checkbox-label-boton:hover::before {
  border-color: #666;
}

/*Estilo para el video de tour*/
/* 3. Contenedor con imagen de fondo */
.background-tour {
  height: 70vh;
  background-image: url("../../img/admision/fondo-tour.png");
  /* Cambia esta URL por la imagen que desees */
  background-size: cover;
  background-position: center;
  position: relative;
}

/* 4. Capa oscura (overlay) */
.overlay-tour {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Capa oscura con opacidad */
  z-index: 0;
  /* Asegura que la capa esté detrás del contenido */
}

/* Estilos para las secciones */
.seccion {
  display: none;
  /* Al principio, las secciones están ocultas */
  margin-top: 20px;
}

.seccion.visible {
  display: block;
  /* Cuando se agrega la clase 'visible', la sección se muestra */
}

.fmapa {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #f5f0e5;
}

/*** Conteo ***/
.fact-item {
  transition: 0.5s;
}

.fact-item:hover {
  margin-top: -10px;
  background: #ffffff !important;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.07);
}

/*fin de educacion*/

/* Contenedor principal del video */
.video-container {
  position: relative;
  /* width: 100vw;  */
  /* height: 750px; */
  overflow: hidden;
  /* Esto asegurará que no haya scroll y recorte cualquier exceso */
}

/* Estilo del iframe (video) */
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* El video ocupa el 100% del ancho */
  height: 100%;
  /* El video ocupa el 100% de la altura definida */
  object-fit: cover;
  /* Asegura que el video cubra todo el contenedor sin distorsión */
}

/* Contenido superpuesto (título y botón) */
.overlay-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Centra el contenido tanto vertical como horizontalmente */
  color: white;
  text-align: center;
  z-index: 10;
  /* Asegura que el contenido esté por encima del video */
}

/* Estilo del título */
.overlay-content h1 {
  font-size: 36px;
  margin-bottom: 20px;
}

/* Estilo del botón */
.overlay-content button {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.overlay-content button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/*
	Interna Sub-Menu
*/
.seccion-sub-menu {
}

.seccion-sub-menu .wrapper-all-data {
}

/*
.list-submenu { visibility: hidden; }
.list-submenu.slick-initialized { visibility: visible; }
*/

.phone {
  font-size: 1.4em;
  font-weight: bold;
}

/* Cambiar color de fondo cuando el ratón pasa por encima */
button:hover {
  /* background-color: #005329; */
  /* Rosado más oscuro al pasar el cursor */
  color: #fff;
}

/* Estilo para la imagen dentro del botón */
button img {
  width: 78px;
  height: 78px;
  transition: opacity 0.3s ease;
  /* Transición suave para el cambio de imagen */
}

/*VIDEO POPUP DE TESTIMONIO INDEX*/
/* 3. Contenedor con imagen de fondo */
.background-testimonio01 {
  height: 50vh;
  background-image: url("fondo-tour.png");
  /* Cambia esta URL por la imagen que desees */
  background-size: cover;
  background-position: center;
  position: relative;
}

/* 4. Capa oscura (overlay) */
.overlay-testimonio01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Capa oscura con opacidad */
  z-index: 0;
  /* Asegura que la capa esté detrás del contenido */
}

/* 5. Contenido centrado */
.content-testimonio01 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 1;
}

/* 6. Estilos del título */
.content-testimonio01 h1 {
  font-size: 3rem;
  margin-bottom: 10px;
}

/* 7. Estilos del subtítulo */
.content-testimonio01 p {
  font-size: 1.5rem;
  margin-bottom: 20px;
}

/* 8. Estilo del botón */
.btn-testimonio01 {
  padding: 12px 25px;
  font-size: 1rem;
  background-color: #3498db;
  /* Color del botón */
  color: white;
  border: none;
  border-radius: 25px;
  /* Botón redondeado */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* 9. Efecto al pasar el mouse sobre el botón */
.btn-testimonio01:hover {
  background-color: #2980b9;
}

/* 10. Popup de video (Pantalla Completa) */
.popup-testimonio01 {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  /* Fondo oscuro */
  z-index: 999;
  justify-content: center;
  align-items: center;
}

/* 11. Contenido del popup (video) */
.popup-content-testimonio01 {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 12. Estilos del iframe */
#video-frame-testimonio01 {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

/* 13. Botón de cerrar */
.close-btn-testimonio01 {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}

/* 14. Responsividad */
@media (max-width: 768px) {
  .content-testimonio01 h1 {
    font-size: 2rem;
  }

  .content-testimonio01 p {
    font-size: 1.2rem;
  }

  .btn-testimonio01 {
    padding: 10px 20px;
    font-size: 1rem;
  }
}

/*VIDEO POPUP DE TESTIMONIO DEPORTE*/
/* Estilos para el popup */
.popup3 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.popup-content3 {
  position: relative;
  width: 80%;
  height: 80%;
  background-color: #fff;
}

.close-btn3 {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  background: none;
  border: none;
  color: #333;
  cursor: pointer;
}

.iframe3 {
  border: none;
  width: 100%;
  height: 100%;
}

/* Responsividad */
@media (max-width: 768px) {
  .popup-content3 {
    width: 90%;
    height: 90%;
  }

  .button3 {
    font-size: 14px;
    padding: 12px 25px;
  }
}

.parrafo-bloque-porque {
  font-size: 1em;
  font-family: Roboto;
  text-align: justify;
  padding-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;
  width: 95%;
}

.fondo-porque {
  background-color: #eceded;
  height: 575px;
}

.btn-play-porque:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fbaf32;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.btn-play-porque:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  /* background: #fbaf32; */
  background: rgba(229, 169, 1, 0.9);
  border-radius: 50%;
  transition: all 200ms;
}

.btn-play-porque img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.btn-play-porque span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 17px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: -5px;
  left: -10px;
}

.deportes-img2-porque img {
  margin-bottom: 3%;
  margin-top: 1em;
  border-radius: 2em;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.35);
  width: 90%;
}

.deportes-img2-porque {
  margin-bottom: 3%;
  margin-top: 1em;
  border-radius: 2em;
}

.titulo-linea2-porque {
  font-size: 2.5em !important;
  text-align: center;
  font-family: "Alfa Slab One";
  font-weight: normal;
  color: #006c64;
  margin-top: 0.5em;
}

.titulo-linea2-porque::after {
  content: "";
  display: block;
  width: 60%;
  height: 3px;
  background: #e0af00;
  margin: 1px auto 25px;
  text-align: center;
}

.noticias-text3-porque {
  font-family: "Poppins";
  font-size: 1.2em;
  color: #006c64;
  font-weight: 500;
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
}

.btn-play-porque2:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fbaf32;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.btn-play-porque2:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  /* background: #fbaf32; */
  background: rgba(229, 169, 1, 0.9);
  border-radius: 50%;
  transition: all 200ms;
}

.btn-play-porque2 img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.btn-play-porque2 span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 17px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: -5px;
  left: -10px;
}

.btn-play-porque3:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fbaf32;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.btn-play-porque3:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  /* background: #fbaf32; */
  background: rgba(229, 169, 1, 0.9);
  border-radius: 50%;
  transition: all 200ms;
}

.btn-play-porque3 img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.btn-play-porque3 span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 17px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: -5px;
  left: -10px;
}

/*** FIN ACORDEON ***/

/*** FORMULARIO ***/

.container .section-booking-title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: var(--bs-white);
}

.container .section-booking-title::before {
  content: "";
  width: 50px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-right: -50px;
  border: 1px solid var(--bs-white) !important;
}

.container form .btn.btn-primary {
  box-shadow: inset 0 0 0 0 var(--bs-primary);
}

.container form .btn.btn-primary:hover {
  color: var(--bs-primary) !important;
}

/*** FIN FORMULARIO ***/

/* Carousel docentes
============================================================================================ */
.popular_courses {
  position: relative;
  /* padding-bottom: 100px; */
  padding-top: 3em;
}

.popular_courses2 {
  position: relative;
  /* padding-bottom: 100px; */
  padding-top: 3em;
}

.popular_courses3 {
  position: relative;
  /* padding-bottom: 100px; */
  padding-top: 3em;
}

@media (max-width: 991px) {
  .popular_courses {
    padding-bottom: 40px;
  }

  .popular_courses2 {
    padding-bottom: 40px;
  }

  .popular_courses3 {
    padding-bottom: 40px;
  }
}

.popular_courses .owl-item {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  padding: 0px 10px;
  padding-bottom: 30px;
}

.popular_courses .owl-item.active {
  opacity: 1;
}

.popular_courses .owl-nav {
  display: flex !important;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  width: 120%;
  transform: translateY(-50%);
  left: -11%;
}

.popular_courses2 .owl-item {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  padding: 0px 10px;
  padding-bottom: 30px;
}

.popular_courses3 .owl-item {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  padding: 0px 10px;
  padding-bottom: 30px;
}

.popular_courses2 .owl-item.active {
  opacity: 1;
}

.popular_courses3 .owl-item.active {
  opacity: 1;
}

.popular_courses2 .owl-nav {
  display: flex !important;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  width: 120%;
  transform: translateY(-50%);
  left: -11%;
}

.popular_courses3 .owl-nav {
  display: flex !important;
  justify-content: space-between;
  position: absolute;
  top: 35%;
  width: 120%;
  transform: translateY(-50%);
  left: -11%;
}

@media (max-width: 991px) {
  .popular_courses .owl-nav {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .popular_courses2 .owl-nav {
    display: none !important;
  }

  .popular_courses3 .owl-nav {
    display: none !important;
  }
}

.popular_courses .owl-nav .owl-prev img,
.popular_courses .owl-nav .owl-next img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.popular_courses .owl-nav .owl-prev img:hover,
.popular_courses .owl-nav .owl-next img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

.popular_courses2 .owl-nav .owl-prev img,
.popular_courses2 .owl-nav .owl-next img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.popular_courses3 .owl-nav .owl-prev img,
.popular_courses3 .owl-nav .owl-next img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.popular_courses2 .owl-nav .owl-prev img:hover,
.popular_courses2 .owl-nav .owl-next img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

.popular_courses3 .owl-nav .owl-prev img:hover,
.popular_courses3 .owl-nav .owl-next img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

.single_course {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single_course .course_head {
  position: relative;
  overflow: hidden;
}

.single_course .course_head img {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single_course .price {
  position: absolute;
  top: -34px;
  right: 15px;
  z-index: 2;
  color: #002347;
  display: inline-block;
  height: 65px;
  line-height: 65px;
  width: 65px;
  text-align: center;
  border-radius: 50px;
  background: #fdc632;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single_course .price img {
  margin-top: -8px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single_course .course_content {
  padding: 30px 26px;
  background: #eceded;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 250px;
}

.single_course .course_content .tag {
  padding: 2px 21px;
  color: #fff;
  background: #002347;
  text-transform: uppercase;
}

.single_course .course_content {
  font-family: "Poppins";
  font-weight: 500;
  text-align: center;
}

.single_course .course_content a {
  color: #00542b;
  font-family: "Alfa Slab One";
  font-weight: bold;
}

.single_course .course_content p {
  margin: 0;
  text-align: justify;
}

.single_course .course_content .course_meta {
  margin-top: 25px;
}

.single_course .course_content .course_meta .meta_info a {
  color: #002347;
}

.single_course .authr_meta img {
  width: auto !important;
  display: inline-block !important;
}

.single_course .authr_meta span {
  color: #002347;
  font-weight: 500;
}

.single_course:hover {
  box-shadow: 0px 10px 30px rgba(0, 35, 71, 0.1);
}

.single_course:hover .course_head img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.single_course:hover .course_content {
  background: #fff;
}

.single_course:hover .price {
  background: #002347;
  color: #00542b;
}

.single_course:hover h4 a {
  color: #00542b;
}

/* Fin Carousel docentes
============================================================================================ */

/*FORMULARIO PARA VUELVE A TU CASA*/
/* CSS para formulario de visita guiada */
.wpcf7-form-control-vuelve[name="nombre"] {
  margin-bottom: 1em;
  width: 47.5%;
  margin-right: 5%;
}

.wpcf7-form-control-vuelve[name="apellido"] {
  margin-bottom: 1em;
  width: 47.5%;
}

.wpcf7-form-control-vuelve[name="email"] {
  margin-bottom: 1em;
  width: 47.5%;
  margin-right: 5%;
}

.wpcf7-form-control-vuelve[name="celular"] {
  margin-bottom: 1em;
  width: 47.5%;
}

.wpcf7-form-control-vuelve[name="cursos"] {
  width: 100%;
  margin-bottom: 1em;
}

.wpcf7-form-control-vuelve[name="mensajes"] {
  width: 100%;
  margin-bottom: 1em;
  height: 200px;
}

@media only screen and (max-width: 980px) {
  .wpcf7-form-control-vuelve[name="nombre"] {
    width: 100%;
    margin-right: 0;
  }

  .wpcf7-form-control-vuelve[name="apellido"] {
    width: 100%;
  }

  .wpcf7-form-control-vuelve[name="email"] {
    width: 100%;
  }

  .wpcf7-form-control-vuelve[name="celular"] {
    width: 100%;
  }

  .wpcf7-form-control-vuelve[name="cursos"] {
    width: 100%;
  }

  .wpcf7-form-control-vuelve[name="mensajes"] {
    width: 100%;
  }
}

.form-control-vuelve {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #787878;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 40px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-floating-vuelve > .form-control-vuelve,
.form-floating-vuelve > .form-select {
  height: calc(3.5rem + 2px);
  padding: 1rem 0.75rem;
  background-color: #fff;
}

.form-floating-vuelve {
  position: relative;
}

.form-floating-vuelve > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid rgba(0, 0, 0, 0);
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.form-control-vuelve:focus {
  color: #787878;
  background-color: #fff;
  border-color: #80e8c2;
  outline: 0;
  /* box-shadow: 0 0 0 0.25rem rgba(0, 208, 132, 0.25); */
}

.form-select-vuelve {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #787878;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 40px;
  appearance: none;
}

.form-select-vuelve:focus {
  border-color: #80e8c2;
  outline: 0;
  /* box-shadow: 0 0 0 0.25rem rgba(0, 208, 132, 0.25); */
}

.form-select-vuelve[multiple],
.form-select-vuelve[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form-select-vuelve:disabled {
  background-color: #e9ecef;
}

.form-select-vuelve:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 #787878;
}

.form-select-vuelve-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.form-select-vuelve-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.form-floating-vuelve > .form-control-vuelve,
.form-floating-vuelve > .form-select-vuelve {
  height: calc(3.5rem + 2px);
  padding: 1rem 0.75rem;
  background-color: #fff;
}

.form-floating-vuelve > .form-select-vuelve {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

/*FORMULARIO GALERIA ALUMNI*/

.form-floating-galeria > .form-select-galeria {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.wpcf7-form-control-galeria[name="nombre"] {
  margin-bottom: 1em;
  width: 47.5%;
}

.wpcf7-form-control-galeria[name="apellido"] {
  margin-bottom: 1em;
  width: 47.5%;
}

.wpcf7-form-control-galeria[name="email"] {
  margin-bottom: 1em;
  width: 47.5%;
}

.wpcf7-form-control-galeria[name="celular"] {
  margin-bottom: 1em;
  width: 47.5%;
}

.wpcf7-form-control-galeria[name="cursos"] {
  width: 100%;
  margin-bottom: 1em;
}

.wpcf7-form-control-galeria[name="mensajes"] {
  width: 100%;
  margin-bottom: 1em;
  height: 200px;
}

@media only screen and (max-width: 980px) {
  .wpcf7-form-control-galeria[name="nombre"] {
    width: 100%;
  }

  .wpcf7-form-control-galeria[name="apellido"] {
    width: 100%;
  }

  .wpcf7-form-control-galeria[name="email"] {
    width: 100%;
  }

  .wpcf7-form-control-galeria[name="celular"] {
    width: 100%;
  }

  .wpcf7-form-control-galeria[name="cursos"] {
    width: 100%;
  }

  .wpcf7-form-control-galeria[name="mensajes"] {
    width: 100%;
  }
}

.form-control-galeria {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #787878;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 40px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-floating-galeria > .form-control-galeria,
.form-floating-galeria > .form-select {
  height: calc(3.5rem + 2px);
  padding: 1rem 0.75rem;
  background-color: #d9dad9;
}

.form-floating-galeria {
  position: relative;
}

.form-floating-galeria > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid rgba(0, 0, 0, 0);
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  color: #005329;
}

.form-control-galeria:focus {
  color: #787878;
  background-color: #fff;
  border-color: #80e8c2;
  outline: 0;
  /* box-shadow: 0 0 0 0.25rem rgba(0, 208, 132, 0.25); */
}

.form-select-galeria {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #787878;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 40px;
  appearance: none;
}

.form-select-galeria:focus {
  border-color: #80e8c2;
  outline: 0;
  /* box-shadow: 0 0 0 0.25rem rgba(0, 208, 132, 0.25); */
}

.form-select-galeria[multiple],
.form-select-galeria[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form-select-galeria:disabled {
  background-color: #e9ecef;
}

.form-select-galeria:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 #787878;
}

.form-select-galeria-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.form-select-galeria-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

/*=======================================================
			ESTILO EFECTO VUELVE A CASA ALUMNI
========================================================*/
.box {
  border-radius: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.box .curve1 {
  opacity: 0;
  position: absolute;
  right: 0;
  left: 0;
  top: -100%;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.box path {
  fill: #00542b;
  opacity: 0.7;
}

.box img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.box .box-content {
  color: #fff;
  text-align: right;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 2;
}

.box .title {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0;
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s;
}

.box .post {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin: 0 2px 5px 0;
  opacity: 0;
  display: block;
  -webkit-transform: translateX(-20%);
  transform: translateX(-20%);
  -webkit-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s;
}

.box .icon {
  list-style: none;
  text-align: right;
  padding: 0;
  margin: 0;
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s;
}

.box .icon li {
  margin: 0 2px;
  display: inline-block;
}

.box .icon li a {
  color: #fff;
  font-size: 17px;
  text-align: center;
  line-height: 32px;
  height: 35px;
  width: 35px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.box:hover .curve1 {
  opacity: 1;
  top: -1%;
}

.box:hover img {
  -webkit-filter: blur(2px) grayscale(100%);
  filter: blur(2px) grayscale(100%);
}

.box:hover .title,
.box:hover .post,
.box:hover .icon {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.box .icon li a:hover {
  color: #919197;
  background-color: #fff;
  border-color: #fff;
  -webkit-box-shadow: 0 0 5px #70bce0;
  box-shadow: 0 0 5px #70bce0;
}

.box .curve2 {
  opacity: 0;
  position: absolute;
  left: -2px;
  bottom: -100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.box:hover .curve2 {
  opacity: 1;
  bottom: -2px;
}

@media only screen and (max-width: 991px) {
  .box {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .box .title {
    font-size: 18px;
  }
}

/*=======================================================
			PORTFOLIO :
========================================================*/
#portfolio {
  padding: 120px 0 0 0;
  text-align: center;
}

#portfolio h2 {
  margin-bottom: 60px;
}

#portfolio .portfolio-filtres {
  margin-bottom: 60px;
}

#portfolio .portfolio-filtres li {
  display: inline-block;
  margin: 0 25px;
}

#portfolio .portfolio-filtres li a {
  font-weight: 700;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

#portfolio .portfolio-filtres li a:hover,
#portfolio .portfolio-filtres li a:focus,
#portfolio .portfolio-filtres li a:active {
  color: #1190cb;
}

#portfolio .portfolio-filtres li .active {
  color: #1190cb;
}

#portfolio #Container .mix {
  display: none;
}

#portfolio .col-lg-4 {
  padding-right: 0;
  padding-left: 0;
}

#portfolio .view-all {
  width: 100%;
  padding: 60px 0;
  background: #f9f9f9;
  text-align: center;
}

.team-area .single-team .team-img {
  overflow: hidden;
}

.team-area .single-team .team-img img {
  width: 100%;
  transform: scale(1);
  transition: all 0.6s ease-out 0s;
}

.team-area .single-team .team-caption {
  padding: 20px 20px 20px 50px;
  background: #eceded;
  border: none;
  color: #005329;
  font-weight: bold;
}

.team-area .single-team .team-caption:hover {
  background-color: #005c41;
  color: #fff;
  cursor: pointer;
}

.team-area .single-team .team-caption span {
  color: #3957ff;
  font-size: 14px;
  font-weight: 300;
  font-family: "Josefin Sans", sans-serif;
  display: block;
  position: relative;
  margin-left: 50px;
  margin-bottom: 10px;
}

.team-area .single-team .team-caption span::before {
  position: absolute;
  content: "";
  width: 35px;
  height: 2px;
  left: -47px;
  top: 50%;
  transform: translateY(-50%);
  background: #3957ff;
}

.team-area .single-team .team-caption h3 a {
  color: #005329;
  font-weight: 700;
  font-size: 0.6em;
}

.single-team:hover .team-img img {
  transform: scale(1.05);
}

/**GALERIA ALUMNI*/

.item-image {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 50%;
}

.carousel-inner {
  /* height: 315px; */
}

.carousel-inner2 {
  /* height: 515px; */
}

.carousel-caption {
  top: 20em;
}

.carousel-control.left,
.carousel-control.right {
  background: rgba(199, 240, 238, 0.14);
}

span.head-text {
  font-size: 18px;
  margin-top: -10px;
  color: blue;
}

span.head-text {
  font-size: 21px;
  position: relative;
  top: -15px;
  font-family: cursive;
  margin-bottom: 2px solid white;
}

.fa-quote-left,
.fa-quote-right {
  font-size: 25px !important;
}

.fa-quote-left {
  position: relative;
  right: 10px;
}

.fa-quote-right {
  position: relative;
  left: 10px;
}

.fa-2x {
  font-size: 2em;
  position: relative;
  top: 124px;
}

/*Background del subitem*/
.sub-items li:hover {
  background-color: #005c41;
  border-bottom: none;
  color: #fff;
}

/*Estilo para el menú PC*/
.navbar {
  padding: 0;
}

.navbar ul {
  align-items: center;
  display: flex;
  font-weight: 600;
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar li {
  align-items: center;
  position: relative;
}

.navbar a {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 1em;
  justify-content: space-between;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  transition: 0.3s;
  white-space: nowrap;
}

.navbar a i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar li:hover > a {
  border-bottom: 2px solid #e7b11b;
  color: #e7b11b;
  text-align: center;
}

.navbar .dropdown ul {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  display: block;
  left: 0px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: calc(20% + 80px);
  transition: 0.3s;
  visibility: hidden;
  z-index: 99;
}

.navbar .dropdown ul li {
  min-width: 200px;
  z-index: 0;
}

.navbar .dropdown ul a {
  color: #444444;
  padding: 10px 20px;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover > a {
  border-bottom: none;
  color: #fff;
  text-align: center;
}

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  left: calc(100% - 30px);
  top: 0;
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
  left: 100%;
  opacity: 1;
  top: 0;
  visibility: visible;
}

/** Icono hamburguesa*/
.mobile-nav-toggle {
  color: #ecab0f;
  cursor: pointer;
  color: #ecab0f;
  display: none;
  font-size: 28px;
  line-height: 0;
  transition: 0.5s;
}

/* Media Queries para pantallas más pequeñas */
@media only screen and (max-width: 575.98px) and (min-width: 320px) {
  /*Estilo para los accesos directos*/
  .barra-verde {
    background-color: #005c41;
    position: fixed !important;
    width: 100%;
    z-index: 997;
  }

  .barra-blanca {
    background: #fff;
    box-shadow: 0 1.5rem 1rem -0.8rem rgba(0, 0, 0, 0.1);
    position: fixed !important;
    margin-top: 1.5em;
    width: 100%;
    z-index: 997;
  }

  .logo-escudo a img {
    width: 100%;
  }

  .derecha-contenido a {
    font-size: 0.7em;
  }

  .right-icons a img {
    margin-bottom: 3px;
    width: 18px;
  }

  .franja-gris-ultnot {
    padding-top: 3.5em;
    padding-bottom: 1em;
  }

  .sub-ult-not {
    font-size: 1em;
  }

  .titulo-princ-testimonios-not {
    font-size: 1.5em;
    /* padding-bottom: 1.5em; */
  }

  .fecha-not {
    padding-left: 0;
    font-size: 1em;
  }

  .margen-top {
    padding-top: 7%;
  }

  .main-button-btn-matricula a {
    font-size: 0.4em;
    padding-right: 3px;
    padding-left: 3px;
  }

  .main-button-intranet a {
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    border-radius: 5px;
    color: rgb(231, 177, 27);
    display: inline-block;
    font-size: 0.4em;
    font-weight: bold;
    padding: 3px 8px;
    transition: all 0.3s;
  }

  .main-button-intranet a:hover {
    background-color: #fff;
    border: 1px solid #e7b11b;
    color: rgb(231, 177, 27);
  }

  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }

  .navbar .dropdown .dropdown ul {
    left: calc(100% - 30px);
    top: 0;
    visibility: hidden;
  }

  .frase-varones {
    font-size: 0.8em;
  }

  .boton-admision-amarillo {
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.7rem;
    color: #fff;
    padding: 1em;
  }

  .scroll-admision {
    visibility: visible;
    z-index: 100;
    right: -172px;
    top: 70%;
    width: 335px;
    transition: all 0.5s ease;
  }

  .scroll-admision div:first-child {
    background-color: white;
    padding: 15px 15px 18px 10px;
    background-color: #f9fafc;
  }

  .scroll-admision div:nth-child(2) {
    background-color: #b91833;
    padding: 5px;
    border-radius: 10px 0 0 10px;
    transition: all 0.5s ease;
  }

  .imgadmin img {
    margin-top: 200%;
    height: 80px;
  }

  .boton-guia-amarillo {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.1em;
    padding-right: 0.3em;
  }

  .boton-tour-amarillo {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .fondo-verde {
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 10px;
  }
  .fondo-blanco {
    background-color: #EDECE9;
  }
  .margen-doc{
    margin-top: 14px;
    margin-left: 44px;
    font-size: 15px;
  }
  .fondo-doc {
    background-image: url(/img/afamily/iconos/doc-img.png) hidden;
    background-repeat: no-repeat;
  }

  .img-muneco{
      margin-top: 21px;
  }

  .img-muneco img{
    height: 200px;
 }

  .desc-secundaria {
    font-size: 0.8em;
  }

  .titulo-princ h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 3.4em;
  }

  .titulo-princ-algarrobos {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 1.7em;
  }

  .titulo-princ-testimonios {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 3em;
  }

  .titulo-princ-testimonios-tit {
    font-size: 1.2em;
    padding-top: 3em;
    /* padding-bottom: 3em; */
  }

  .tam-franja-gris {
    margin-top: 6%;
    color: #fff;
    height: 100px;
    width: 100%;
    background-color: #eceded;
  }

  .titulo-principios-educativos {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 3em;
  }

  .desc-testimonio {
    font-size: 1.5em;
    text-align: center;
    color: #fff;
    font-family: "Poppins";
    font-weight: 500;
  }

  .testimonios-text {
    font-size: 0.8em;
    color: #fff;
    padding: 1em;
    font-family: "Poppins";
    font-weight: normal;
  }

  .ver-testimonio a {
    font-size: 1em;
  }

  .border-testimonio {
    background: linear-gradient(90deg, #005c40, #006b66);
    border-top-left-radius: none;
    border-bottom-left-radius: none;
    height: 230px;
  }

  .separ-franja {
    padding-top: 17%;
  }

  .parrafo-tit-general {
    font-size: 1.2em;
  }

  .parrafo-general {
    font-size: 1em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .firma {
    font-size: 1.1em;
    font-weight: bold;
  }

  .franja-iconos {
    position: relative;
    background: #005329;
    height: 100px;
    margin-bottom: 105%;
  }

  .cfooter {
    color: #fff;
    padding-top: 5em;
    margin-top: 4em;
    font-size: 1em;
  }

  .site-footer .scroll-top {
    top: 4%;
  }

  .descar-doc {
    font-size: 1em;
  }

  .about_title {
    font-size: 1em;
    font-weight: bold;
  }

  .content-sanjose h1 {
    font-size: 1.5em;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .titulo-bloque-olimpiadas {
    font-size: 1.5em;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parrafo-bloque-olimpiadas {
    font-size: 0.9em;
    font-weight: 400;
    font-family: Roboto;
    text-align: justify;
  }

  .bloque-ed-pers {
    width: 100%;
  }

  .fondo-circular {
    width: 100%;
    margin-bottom: 4em;
  }

  .bloque-ed-pers .contenido-inicial {
    left: 0;
  }

  .infraestructura-servicios .owl-nav .owl-prev {
    left: -10px;
  }

  .infraestructura-servicios .owl-nav .owl-next {
    right: -10px;
  }

  .margen-deporte {
    margin-bottom: 3em;
    margin-top: -10em;
  }

  .titulo-servicios {
    font-size: 1.8em;
  }

  .desc-servicios {
    font-size: 1em;
  }

  .subtitulo-servicio {
    font-size: 1.5em;
  }

  .desc-servicioslist {
    font-size: 0.8em;
  }

  .fondo-adm {
    padding-bottom: 1em;
    padding-top: 4em;
  }

  .fondo-adm-benef {
    padding-top: 4em;
  }

  .fondo-verde-alumni {
    height: 420px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    font-weight: bold;
  }

  .main-button-red a {
    font-size: 0.7em;
    color: rgb(231, 177, 27);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    padding: 6px 10px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
  }

  .main-button-red a:hover {
    color: #fff;
    background-color: rgb(231, 177, 27);
  }

  .espaciado-proceso-alumni {
    padding-bottom: 40px;
  }

  .fondo-adm-alumni {
    padding-top: 4em;
  }

  .titulo-copa {
    font-size: 1.5em;
  }

  .nombre-copa {
    font-size: 2em;
  }

  .promocion-copa {
    font-size: 1em;
  }

  .titulo-contactenos {
    font-size: 2em;
    color: #005f44;
    font-family: "Poppins";
    font-weight: bold;
    margin-top: 0.5em;
  }

  .datos-contacto {
    padding-left: 1em;
    padding-bottom: 1em;
  }

  .titulo-linea-porque {
    font-size: 1.5em !important;
    text-align: justify;
    color: #fff;
    margin-top: 0.5em;
  }

  .noticias-text-porque {
    font-size: 0.8em;
    width: 100%;
  }

  .border-testimonio-porque {
    background: #006555;
  }

  .btn-play-porque {
    position: absolute;
    z-index: 1;
    top: 73%;
    left: 74%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque2 {
    position: absolute;
    z-index: 1;
    top: 313%;
    left: 72%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque3 {
    position: absolute;
    z-index: 1;
    top: 408%;
    left: 73%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .barra-secundaria {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 0.9em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }

  .barra-secundaria-afamily {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 0.9em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }


  .barra-secundaria-alumni {
    font-family: "Poppins";
    font-weight: bold;
    font-size: 3em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }

  .parrafo-general {
    font-size: 1em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .titulo-bloque {
    font-size: 1.5em;
  }

  .margen-bloque {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .margen-bloque-porqueest {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .margenes-bloque {
    margin-top: 2em;
  }

  .bloque-bienvenida {
    margin-top: 2em;
  }

  .margenes-bloque-abajo {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .parrafo-bloque {
    font-size: 0.9em;
    font-weight: 400;
    font-family: Roboto;
    text-align: justify;
  }

  .parrafo-scroll {
    max-width: 445px;
    padding-left: 2em;
    padding-right: 2em;
  }

  .galeria-zoom {
    padding-top: 4em;
  }

  .galeria-zoom-campus {
    padding-top: 0.5em;
  }

  .titulo-principal {
    font-size: 1.5em;
  }

  .admision {
    font-size: 1.8em;
  }

  .single_course .course_content a {
    font-size: 2em;
  }

  .single_course .course_content p {
    font-size: 0.9em;
  }

  .margen-titulo-benef-alumni {
    padding-top: 2em;
  }

  .titulo-beneficio-alumni {
    font-size: 1.2em;
    color: #00542b;
    text-align: justify;
  }

  .titulo-beneficioa {
    background-color: #eceded;
    height: 100px;
    text-align: center;
  }

  .titulo-beneficioa img {
    width: 50px;
  }

  .nav-noticias-tab {
    font-size: 0.8em;
  }

  .margen-boton-vermas {
    padding-left: 2.5em;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 60%;
    width: 30px;
    height: 30px;
    font-size: 15px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 60%;
    width: 30px;
    height: 30px;
    font-size: 15px;
  }

  .header-carousel {
    padding-top: 4em;
  }

  .texto-afamily {
    width: 95%;
    top: 75%;
    transform: translate(-50%, -90%);
  }

  .titulo-afamily {
    font-size: 1.3em;
  }

  .caja-verde-afamily {
    width: 90%;
    font-size: 0.7em;
  }

  .franja-afamily {
    height: 280px;
  }

  .thumb-cal-small {
    height: 100px;
  }

  .triangulo1 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 0.7em;
    line-height: 1.4rem;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(139% - 18rem - 5px);
    padding: 0 0.5rem;
  }

  /*ESTILO SIMBOLOS AFAMILY*/
  .titulo-simbolo-afamily {
    font-size: 2em;
    margin-top: 0.5em;
  }

  .desc-simbolo-afamily {
    font-size: 1em;
    margin-top: 0.5em;
    width: 90%;
  }

  .margen-franja-simbolo-afamily {
    margin-top: 1em;
  }

  .bloque-simbolo {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo {
    visibility: hidden;
  }

  .bloque-simbolo-oro {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo-oro {
    visibility: hidden;
  }

  .bloque-simbolo-nave {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
  }

  .flecha-simbolo-nave {
    visibility: hidden;
  }

  .bloque-simbolo-sinople {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-sinople {
    visibility: hidden;
  }

  .bloque-simbolo-gules {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-top: 0;
    margin-bottom: 3em;
  }

  .flecha-simbolo-gules {
    visibility: hidden;
  }

  .bloque-simbolo-lema {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-lema {
    visibility: hidden;
  }

  .tit-acord-alumni {
    color: #00542b;
    font-weight: bold;
    font-size: 1.3em;
  }

  .form-floating-vuelve > label {
    font-size: 0.6em;
  }

  .page-header-vuelve-alumni {
    background: url(/img/fondo-vuelve-alumni.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .titulo-alumni-copa {
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    font-family: Poppins;
    text-align: center;
  }

  .titulo-alumni-desc-copa {
    margin-top: 1em;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
  }

  .titulo-alumni-beneficios {
    font-size: 2.5em;
  }

  .titulo-alumni-desc-beneficios {
    text-align: center;
    color: #585b5c;
    font-size: 0.9em;
    font-weight: bold;
  }

  .boton-1.adm-amarillo-alumni {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.7rem;
    color: #fff;
    padding: 0.7em;
  }

  .titulo-linea-alumni h1:after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    /* margin: 1px auto -46px; */
    font-weight: bold;
  }

  .admision-alumni {
    margin-top: 4em;
  }

  .admision-alumni h2 {
    font-size: 2.3em;
  }

  .accordion-item {
    background-color: #fff;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #00542b;
    font-size: 0.8em;
  }

  /*** ACORDEON ***/
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    color: var(--bs-white);
    background: #00542b;
    font-size: 0.6em;
    border-radius: 30px;
  }

  .faq-section
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button.collapsed {
    color: #005c41;
    background: #d9dad9;
    font-weight: bold;
    border-radius: 30px;
  }

  .noticias2-porque {
    margin-top: 2em;
  }

  .deportes-img-porque img {
    margin-bottom: 3%;
    margin-top: 1em;
    border-radius: 21px;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.35);
    width: 90%;
  }

  .porque {
    margin: 0;
    padding-left: 0;
    background: #006555;
    padding: 1em;
  }

  .fondo-dep {
    background-color: #eceded;
    background-image: url(/img/fondo-ceramica-blanco.png);
  }

  .deportes .deportes-img img {
    position: relative;
    /* width: 100%; */
    /* border-radius: 15px; */
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
    /* margin-bottom: 10%; */
  }

  .firma-alumni {
    font-size: 1em;
    color: #585b5c;
    text-align: right;
    font-family: Poppins;
    margin-top: 1em;
  }

  .titulos2 h1 {
    font-family: Poppins;
    text-align: center;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 1.5em;
    font-weight: bold;
    font-size: 2.2em;
  }

  .testimony-wrap .icon {
    position: absolute;
    top: -59px;
    left: 32%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: #1ba12d;*/
  }

  .titulo-val {
    font-size: 2em;
    font-family: Poppins;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
  }

  .tit-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #d91a5c;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit2-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #39b44a;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit3-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #008674;
    padding-top: 0.9em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parraf-cuadro {
    font-size: 1em;
    text-align: center;
    font-family: Poppins;
  }

  .alto-video {
    padding-top: 13%;
  }

  video {
    width: 100%;
    object-fit: cover;
    margin-top: 160px;
  }

  .mobile-nav-toggle {
    display: block;
  }

  .e-con.e-flex {
    --width: 100%;
    --flex-wrap: var(--flex-wrap-mobile);
  }

  .map-wrapper {
    width: 344px;
    height: 349px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    top: 178px;
    left: 4px;
  }

  .map-container {
    position: absolute;
    top: -96px;
    left: -234px;
    width: 201%;
    height: 100%;
    transition: transform 0.3s;
  }

  .overlay h1 {
    font-size: 1.5em;
    /* Ajusta el tamaño del texto principal en móviles */
  }

  .ftco-hireme img {
    /* margin-top: 10px; */
    /* margin-left: 100px; */
    width: 300px;
  }

  .smoothscroll.scroll-top img {
    width: 150px !important;
  }

  .banner {
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 12% !important;
    border-bottom-right-radius: 12% !important;
    overflow: hidden;
    /* Asegúrate de ocultar el desbordamiento */
  }

  .service {
    padding-left: 40px !important;
    padding-right: 40px !important;
    /* margin-top: 100px; */
  }

  .oval-shape {
    /* top: 47%; */
    left: 0;
    right: 0;
    /* height: 85px; */
    background-color: #fff;
    /* border-radius: 60% 60% 0 0; */
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .ftco-hireme {
    /* margin-top: 58%; */
  }

  .mapa {
    margin-top: -60px;
  }

  .alineacion-proceso {
    margin-top: 0% !important;
    margin-left: 23%;
  }

  .noticias-img img {
    margin-bottom: 10%;
  }

  .image-container {
    margin-top: -161px !important;
  }

  .img-ex {
    margin-bottom: 2%;
  }

  .page-header-nuestrocolegio7 {
    background: url(/img/fondo-actividades.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .page-header-admision {
    padding-top: 18%;
  }


  .offer-section .nav a.accordion-link:active {
    /* background: #D71C5C; */
    border-radius: 20px;
    color: #fff;
    font-size: 1.5em;
    font-family: Poppins;
  }

  .titulo-patrono-sjm{
    margin-top: 0.5em;
    font-size: 1em;
  }
  .btn-patrono-afamily {
    font-size: 0.9em;
  }
  .boton-mision {
    font-size: 0.9em;
  }
  .titulo-anio-secundaria {
    font-size: 1.4em;
  }
  .vinetas-consejo{
    font-size: 1em;
  }
  .numero-conteo-rojo {
    color: #BE1D2C;
    font-size: 4em;
  }
  .texto-conteo-rojo {
    color: #BE1D2C;
    font-size: 2em;
  }
  .numero-conteo-verde {
    color: #024524;
    font-size: 4em;
  }
  .texto-conteo-verde {
    color: #024524;
    font-size: 2em;
  }
  .numero-conteo-azul {
    color: #156195;
    font-size: 4em;
  }
  .texto-conteo-azul {
    color: #156195;
    font-size: 2em;
  }
  .numero-conteo-amarillo {
    color: #E3A83A;
    font-size: 4em;
  }
  .texto-conteo-amarillo {
    color: #E3A83A;
    font-size: 2em;
  }
  .acordeon-titulo{
    font-size: 1.5em;
  }
  .olimp-fondo-amarillo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .titulo-olimp{
    font-size: 1.8em; 
   }
   .descripcion-olimp{
    font-size: 0.9em; 
   }
   .olimp-fondo-rojo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-verde{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-azul{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .carousel-item img {
    /* margin-top: 25em; */
  }
  .margin-vinetas-af{
    margin-top: -32em; 
    position: relative;
    padding-left: 3em;
  }
  .tit-documentoa{
    font-size: 1.5em;        
  }
  .des-doca{
    font-size: 1em;   
  }
  .drop-cal {
    /* font-size: 0.7m;
    padding: 1 6rem 0 2rem; */
  }
  .cal-filters {
    bottom: -6em;
  }
  .bt-white {
    font-size: 0.8em;
    height: 2rem;
    padding: 0.5em 0 0 0;
    letter-spacing: 0.15em;
  }
  .tit-cal{
    font-size: 0.8em;
  }
  .desc-cal{
    font-size: 0.8em;
  }
  .tit-calendario2{
    font-size: 1.5em;
    text-align: center;
  }
  .tamanio-bloq-cal{
    width: 80%; 
    text-align: justify;
    font-family: 'Poppins'; 
    font-weight: 500; 
    font-size: 0.8em;
  }
  .margen-slider-af{
    margin-top: 35em;
  }
  .thumb-cal5 {
    width: calc(100% - 1rem);
    display: block;
    margin-right: 0;
  }
  .thumb-cal6 {
    width: calc(100% - 1rem); 
    display: block;
    margin-right: 0;
  }
  .triangulo5 {
    left: -43px;
  }
  .triangulo6 {
    left: -43px;
  }
  .thumb-cal5 .date-txt5 {
    left: -91px;
  }
  .thumb-cal6 .date-txt6 {
    padding-right: 6em;
  }
  .thumb-cal6 .txt {
    width: 135px;
  }
  .tit-com-afamily{
    font-size: 2em;
  }
  .subt-com-afamily{
    font-size: 1.5em;
  }
  .titulo-comunidad-img {
    top: 45%;
    font-size: 2em;
  }
  .titulo-padre-af{
    font-size: 2em; 
    padding-left: 1em;
    padding-right: 1em;
  }
  .des-tit-af{
    font-size: 1em; 
    padding-left: 1em;
    padding-right: 1em;
    text-align: justify;
  }
  .parrafo-bloq-af{
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    text-align: justify;
  }
  .tit-coord-af{
    margin-top: 72em;
  }
  
}

@media only screen and (max-width: 767.98px) and (min-width: 576px) {
  /*Estilo para los accesos directos*/
  .barra-verde {
    background-color: #005c41;
    position: fixed !important;
    width: 100%;
    z-index: 997;
  }

  .barra-blanca {
    background: #fff;
    box-shadow: 0 1.5rem 1rem -0.8rem rgba(0, 0, 0, 0.1);
    position: fixed !important;
    margin-top: 1.5em;
    width: 100%;
    z-index: 997;
  }

  .logo-escudo a img {
    width: 100%;
  }

  .derecha-contenido a {
    font-size: 0.7em;
  }

  .right-icons a img {
    margin-bottom: 3px;
    width: 18px;
  }

  .margen-top {
    padding-top: 7%;
  }

  .main-button-btn-matricula a {
    font-size: 0.5em;
    padding-right: 3px;
    padding-left: 3px;
  }

  .main-button-intranet a {
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    border-radius: 5px;
    color: rgb(231, 177, 27);
    display: inline-block;
    font-size: 0.5em;
    font-weight: bold;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
  }

  .main-button-intranet a:hover {
    background-color: #fff;
    border: 1px solid #e7b11b;
    color: rgb(231, 177, 27);
  }

  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }

  .navbar .dropdown .dropdown ul {
    left: calc(100% - 30px);
    top: 0;
    visibility: hidden;
  }

  .navbar .dropdown ul {
    visibility: visible;
  }

  .frase-varones {
    font-size: 0.8em;
  }

  .boton-admision-amarillo {
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.7rem;
    color: #fff;
    padding: 1em;
  }

  .scroll-admision {
    visibility: visible;
    z-index: 100;
    right: -172px;
    top: 65%;
    width: 335px;
    transition: all 0.5s ease;
  }

  .scroll-admision div:first-child {
    background-color: white;
    padding: 59px 15px 45px 10px;
    background-color: #f9fafc;
  }

  .scroll-admision div:nth-child(2) {
    background-color: #b91833;
    padding: 5px;
    border-radius: 10px 0 0 10px;
    transition: all 0.5s ease;
  }

  .boton-guia-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .boton-tour-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .admision {
    font-size: 2.5em;
    text-align: center;
  }

  .fondo-verde {
    height: 100%;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 10px;
  }

  .desc-secundaria {
    font-size: 0.9em;
  }

  .titulo-princ h2 {
    font-size: 1.5em;
    font-weight: bold;
  }

  .titulo-princ-algarrobos {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 1.7em;
  }

  .titulo-princ-testimonios {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 3em;
  }

  .franja-gris-ultnot {
    padding-top: 3.5em;
    padding-bottom: 1em;
  }

  .sub-ult-not {
    font-size: 1em;
  }

  .titulo-princ-testimonios-not {
    font-size: 2em;
    /* padding-bottom: 1.5em; */
  }

  .nav-noticias-tab {
    font-size: 1em;
  }

  .fecha-not {
    padding-left: 0;
    font-size: 1em;
  }

  .titulo-princ-testimonios-not-not {
    font-size: 1.2em;
    /* padding-bottom: 1em; */
  }

  .titulo-princ-testimonios-not-sub {
    font-size: 1.1em;
    margin-left: 1em;
    /* padding-bottom: 3em; */
  }

  .titulo-princ-testimonios-tit {
    font-size: 1.2em;
    padding-top: 3em;
    /* padding-bottom: 3em; */
  }

  .tam-franja-gris {
    margin-top: 6%;
    color: #fff;
    height: 100px;
    width: 100%;
    background-color: #eceded;
  }

  .titulo-principios-educativos {
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 3em;
  }

  .desc-testimonio {
    font-size: 1.7em;
    text-align: center;
    color: #fff;
    font-family: "Poppins";
    font-weight: 500;
  }

  .testimonios-text {
    font-size: 0.9em;
    color: #fff;
    padding: 1em;
    font-family: "Poppins";
    font-weight: normal;
  }

  .ver-testimonio a {
    font-size: 1.1em;
  }

  .border-testimonio {
    background: linear-gradient(90deg, #005c40, #006b66);
    border-top-left-radius: none;
    border-bottom-left-radius: none;
    height: 230px;
  }

  .parrafo-tit-general {
    font-size: 1.2em;
  }

  .parrafo-general {
    font-size: 1em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .firma {
    font-size: 1.1em;
  }

  .parrafo-scroll {
    max-width: 445px;
  }

  .franja-iconos {
    position: relative;
    background: #005329;
    height: 100px;
    margin-bottom: 65%;
  }

  .cfooter {
    color: #fff;
    padding-top: 5em;
    margin-top: 4em;
    font-size: 1em;
  }

  .site-footer .scroll-top {
    top: 5%;
  }

  .descar-doc {
    font-size: 1em;
  }

  .about_title {
    font-size: 1em;
    font-weight: bold;
  }

  .content-sanjose h1 {
    font-size: 1.3em;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .titulo-bloque-olimpiadas {
    font-size: 1.8em;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
    padding-left: 1em;
  }

  .parrafo-bloque-olimpiadas {
    font-size: 0.9em;
    text-align: justify;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .bloque-ed-pers {
    width: 100%;
  }

  .fondo-circular {
    width: 100%;
    margin-bottom: 4em;
  }

  .bloque-ed-pers .contenido-inicial {
    left: 1em;
  }

  .infraestructura-servicios .owl-nav .owl-prev {
    left: -10px;
  }

  .infraestructura-servicios .owl-nav .owl-next {
    right: -10px;
  }

  .margen-deporte {
    margin-bottom: 3em;
    margin-top: -10em;
  }

  .titulo-servicios {
    font-size: 1.8em;
  }

  .desc-servicios {
    font-size: 1em;
  }

  .subtitulo-servicio {
    font-size: 1.5em;
  }

  .desc-servicioslist {
    font-size: 0.8em;
  }

  .fondo-adm {
    padding-bottom: 1em;
    padding-top: 5em;
  }

  .fondo-adm-benef {
    padding-top: 5em;
  }

  .fondo-verde-alumni {
    height: 548px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    font-weight: bold;
    /* margin-top: 190px; */
  }

  .titulo-copa {
    font-size: 1.5em;
  }

  .nombre-copa {
    font-size: 2em;
  }

  .promocion-copa {
    font-size: 1em;
  }

  .titulo-contactenos {
    font-size: 2.5em;
    color: #005f44;
    font-family: "Poppins";
    font-weight: bold;
    margin-top: 0.5em;
  }

  .datos-contacto {
    padding-left: 2em;
    padding-bottom: 2em;
  }

  .btn-play-porque {
    position: absolute;
    z-index: 1;
    top: 80%;
    left: 81%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque2 {
    position: absolute;
    z-index: 1;
    top: 320%;
    left: 72%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque3 {
    position: absolute;
    z-index: 1;
    top: 408%;
    left: 73%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .barra-secundaria {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }
  .barra-secundaria-afamily {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 1.5em;
    padding-bottom: 2em;
    color: #fff;
  }

  .titulo-bloque {
    font-size: 1.5em;
  }

  .margen-bloque {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .margenes-bloque {
    margin-top: 2em;
  }

  .bloque-bienvenida {
    margin-top: 2em;
  }

  .margenes-bloque-abajo {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .separ-franja {
    padding-top: 15%;
  }

  .parrafo-bloque {
    font-size: 0.9em;
    font-weight: 400;
    font-family: Roboto;
    text-align: justify;
  }

  .galeria-zoom {
    padding-top: 4em;
  }

  .galeria-zoom-campus {
    padding-top: 0.5em;
  }

  .titulo-principal {
    font-size: 1.5em;
  }

  .noticias-text-porque {
    font-size: 0.8em;
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
  }

  .titulo-linea-porque {
    padding-left: 0.5em;
  }

  .firma-alumni {
    font-size: 0.8em;
  }

  .cargo-alumni {
    font-size: 0.8em;
    font-style: italic;
  }

  .single_course .course_content a {
    font-size: 2em;
  }

  .single_course .course_content p {
    font-size: 1.1em;
  }

  .header-carousel .owl-nav .owl-prev {
    top: 70%;
  }

  .header-carousel .owl-nav .owl-next {
    top: 70%;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel {
    padding-top: 4em;
  }

  .texto-afamily {
    width: 95%;
    top: 65%;
    transform: translate(-50%, -90%);
  }

  .titulo-afamily {
    font-size: 1.3em;
  }

  .caja-verde-afamily {
    width: 90%;
    font-size: 0.7em;
    text-align: center;
  }

  .franja-afamily {
    height: 220px;
  }

  .thumb-cal-small {
    height: 100px;
  }

  .triangulo1 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 1em;
    line-height: 1.4rem;
  }

  .slide_actividades {
    padding: 0.8em;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(125% - 18rem - 5px);
    padding: 0 0.5rem;
  }

  /*ESTILO SIMBOLOS AFAMILY*/
  .titulo-simbolo-afamily {
    font-size: 2em;
    margin-top: 0.5em;
  }

  .desc-simbolo-afamily {
    font-size: 1em;
    margin-top: 0.5em;
    width: 90%;
  }

  .margen-franja-simbolo-afamily {
    margin-top: 1em;
  }

  .bloque-simbolo {
    width: 500px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo {
    visibility: hidden;
  }

  .bloque-simbolo-oro {
    width: 500px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo-oro {
    visibility: hidden;
  }

  .bloque-simbolo-nave {
    width: 500px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
  }

  .flecha-simbolo-nave {
    visibility: hidden;
  }

  .bloque-simbolo-sinople {
    width: 500px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-sinople {
    visibility: hidden;
  }

  .bloque-simbolo-gules {
    width: 500px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-top: 0;
    margin-bottom: 3em;
  }

  .flecha-simbolo-gules {
    visibility: hidden;
  }

  .bloque-simbolo-lema {
    width: 500px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-lema {
    visibility: hidden;
  }

  .margen-titulo-benef-alumni {
    padding-top: 2em;
  }

  .titulo-beneficio-alumni {
    font-size: 1.2em;
    color: #00542b;
    font-weight: bold;
    text-align: justify;
  }

  .titulo-beneficioa {
    background-color: #eceded;
    height: 100px;
    text-align: center;
  }

  .titulo-beneficioa img {
    width: 50px;
  }

  .tit-acord-alumni {
    color: #00542b;
    font-weight: bold;
    font-size: 1.3em;
  }

  .form-floating-vuelve > label {
    font-size: 0.8em;
  }

  .page-header-vuelve-alumni {
    background: url(/img/fondo-vuelve-alumni.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .titulo-alumni-copa {
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    font-family: Poppins;
    text-align: center;
  }

  .titulo-alumni-desc-copa {
    margin-top: 1em;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
  }

  .titulo-alumni-beneficios {
    font-size: 2.5em;
  }

  .titulo-alumni-desc-beneficios {
    text-align: center;
    color: #585b5c;
    font-size: 0.9em;
    font-weight: bold;
  }

  .boton-1.adm-amarillo-alumni {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.7rem;
    color: #fff;
    padding: 0.7em;
  }

  .titulos-alumni h1 {
    font-family: Poppins;
    text-align: justify;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 2.2em;
    padding-left: 1em;
  }

  .titulo-linea-alumni h1:after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    /* margin: 1px auto -46px; */
    font-weight: bold;
  }

  .admision-alumni {
    margin-top: 4em;
  }

  .admision-alumni h2 {
    font-size: 2.3em;
  }

  .margen-boton-vermas {
    padding-left: 5em;
  }

  .accordion-item {
    background-color: #fff;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #00542b;
    font-size: 0.8em;
  }

  /*** ACORDEON ***/
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    color: var(--bs-white);
    background: #00542b;
    font-size: 0.6em;
    border-radius: 30px;
  }

  .faq-section
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button.collapsed {
    color: #005c41;
    background: #d9dad9;
    font-weight: bold;
    border-radius: 30px;
  }

  .noticias2-porque {
    margin-top: 2em;
  }

  .border-testimonio-porque {
    background: #006555;
  }

  .deportes-img-porque img {
    margin-bottom: 3%;
    margin-top: 1em;
    border-radius: 21px;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.35);
    width: 90%;
  }

  .porque {
    margin: 0;
    padding-left: 0;
    background: #006555;
    padding: 1em;
  }

  .fondo-dep {
    background-color: #eceded;
    background-image: url(/img/fondo-ceramica-blanco.png);
  }

  .deportes .deportes-img img {
    position: relative;
    /* width: 100%; */
    /* border-radius: 15px; */
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
    /* margin-bottom: 10%; */
  }

  .titulos2 h1 {
    font-family: Poppins;
    text-align: center;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 1.5em;
    font-weight: bold;
    font-size: 2.2em;
  }

  .testimony-wrap .icon {
    position: absolute;
    top: -59px;
    left: 37%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: #1ba12d;*/
  }

  .titulo-val {
    font-size: 2em;
    font-family: Poppins;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
  }

  .tit-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #d91a5c;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit2-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #39b44a;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit3-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #008674;
    padding-top: 0.9em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parraf-cuadro {
    font-size: 1em;
    text-align: center;
    font-family: Poppins;
  }

  .alto-video {
    padding-top: 10%;
  }

  .barra-directo {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .fondo-adm-alumni {
    padding-top: 6em;
  }

  .espaciado-proceso-alumni {
    padding-bottom: 45px;
  }

  .overlay h1 {
    font-size: 2em;
    /* Reduce el tamaño de fuente del texto principal */
  }

  .right-icons ul li a img {
    width: 22px;
    height: 22x;
  }

  .mobile-nav-toggle {
    display: block;
  }

  .logo-escudo a img {
    width: 150px;
  }

  .main-button-red a {
    font-size: 0.7em;
    color: rgb(231, 177, 27);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    padding: 6px 10px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
  }

  .main-button-red a:hover {
    color: #fff;
    background-color: rgb(231, 177, 27);
  }

  .main-button-yel a {
    font-size: 0.7em;
    color: rgb(35, 155, 151);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(35, 155, 151);
    padding: 5px 8px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
    margin-right: 0.5em;
  }

  .main-button-yel a:hover {
    color: #fff;
    background-color: rgb(35, 155, 151);
  }

  .map-wrapper {
    width: 344px;
    height: 349px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    top: 178px;
    left: 4px;
  }

  .map-container {
    position: absolute;
    top: -96px;
    left: -234px;
    width: 201%;
    height: 100%;
    transition: transform 0.3s;
  }

  .slick-dots li button:before {
    font-size: 20px !important;
  }

  .smoothscroll.scroll-top img {
    width: 180px !important;
  }

  .ftco-hireme {
    /* margin-top: 85% !important; */
  }

  .oval-shape {
    /* top: 52%; */
    left: 0;
    right: 0;
    /* height: 85px; */
    background-color: #fff;
    /* border-radius: 60% 60% 0 0; */
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .service {
    padding-left: 80px;
    padding-right: 80px;
    margin-top: 0 !important;
  }

  .banner {
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 12% !important;
    border-bottom-right-radius: 12% !important;
    overflow: hidden;
    /* Asegúrate de ocultar el desbordamiento */
  }

  .smoothscroll.scroll-top img {
    width: 170px !important;
  }

  .client_logo .single_client_logo {
    height: 100px;
    padding: 8px;
  }

  .banner {
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 13% !important;
    border-bottom-right-radius: 13% !important;
    overflow: hidden;
    /* Asegúrate de ocultar el desbordamiento */
  }

  .alineacion-proceso {
    margin-top: 0% !important;
    /* margin-left: 23%; */
  }

  .titulo-linea {
    font-family: Poppins;
    color: #005c3f;
    font-size: 2em;
    font-weight: bold;
    padding-left: 0 !important;
    margin-bottom: 0.5em;
    text-align: center;
  }

  .titulo-linea::after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    margin: 1px auto 1px;
  }

  .image-container {
    margin-top: -161px !important;
  }

  .img-ex {
    margin-bottom: 2%;
  }

  .timeline:before {
    left: 50%;
  }

  .timeline > li {
    min-height: 100px;
    margin-bottom: 100px;
  }

  .timeline > li .timeline-panel {
    float: left;
    width: 41%;
    padding: 0 20px 20px 30px;
    text-align: right;
  }

  .timeline > li .timeline-image {
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
  }

  .timeline > li .timeline-image h4,
  .timeline > li .timeline-image .h4 {
    font-size: 13px;
    line-height: 18px;
    margin-top: 16px;
  }

  .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
  }

  .ftco-hireme {
    /* margin-top: 174%; */
  }

  .page-header-nuestrocolegio7 {
    background: url(/img/fondo-actividades.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .page-header-admision {
    padding-top: 16%;
  }

  .boton-1.adm-amarillo:hover {
    /* background-color: #fff;
    font-size: 0.5rem;
    color: #000; 
    border: 1px solid rgba(229, 169, 1, 0.9); */
  }

  .boton-2.adm-amarillo {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000;
    padding: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .boton-2 {
    border: 0;
    color: #000;
    /* padding: 0.6rem 0.5rem 0.6rem 2.5rem; */
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 0.8rem;
    /* font-weight: 600; */
  }

  .espaciado-adm {
    /* padding-top: none; */
  }

  .espaciado-adm-req {
    /* padding-top: none; */
  }

  .espaciado-adm-inv {
    /* padding-top: none; */
  }

  .offer-section .nav a.accordion-link:active {
    /* background: #D71C5C; */
    border-radius: 20px;
    color: #fff;
    font-size: 1.5em;
    font-family: Poppins;
  }

  .bloque2 {
    position: relative;
    /* overflow: hidden; */
    background-color: #f1f2f2;
    border: 1px solid #ddd;
    border-radius: 50px;
    height: 400px;
    width: 100%;
    /* Altura fija para los bloques */
    padding: 20px;
    transition: all 0.5s ease;
    box-shadow: 7px 7px 12px 0 rgba(20, 20, 20, 0.3);
    /* Transición suave */
    margin-bottom: 15em;
  }
  .titulo-patrono-sjm{
    margin-top: 0.5em;
    font-size: 1.7em;
  }
  .btn-patrono-afamily {
    font-size: 0.9em;
  }
  .boton-mision {
    font-size: 0.9em;
  }
  .titulo-anio-secundaria {
    font-size: 1.4em;
  }
  .vinetas-consejo{
    font-size: 1em;
  }
  .numero-conteo-rojo {
    color: #BE1D2C;
    font-size: 4em;
  }
  .texto-conteo-rojo {
    color: #BE1D2C;
    font-size: 2em;
  }
  .numero-conteo-verde {
    color: #024524;
    font-size: 4em;
  }
  .texto-conteo-verde {
    color: #024524;
    font-size: 2em;
  }
  .numero-conteo-azul {
    color: #156195;
    font-size: 4em;
  }
  .texto-conteo-azul {
    color: #156195;
    font-size: 2em;
  }
  .numero-conteo-amarillo {
    color: #E3A83A;
    font-size: 4em;
  }
  .texto-conteo-amarillo {
    color: #E3A83A;
    font-size: 2em;
  }
  .acordeon-titulo{
    font-size: 1.5em;
  }
  .olimp-fondo-amarillo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .titulo-olimp{
    font-size: 1.8em; 
   }
   .descripcion-olimp{
    font-size: 0.9em; 
   }
   .olimp-fondo-rojo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-verde{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-azul{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .carousel-item img {
    /* margin-top: 27em; */
  }
  .margin-vinetas-af{
    margin-top: -30em; 
    position: relative;
    padding-left: 5em;
  }
  .tit-documentoa{
    font-size: 1.5em;        
  }
  .des-doca{
    font-size: 1em;  
  }
  .margen-slider-af{
    margin-top: 38em;
  }
  .cal-filters {
    bottom: -6em;
  }
  .bt-white {
    font-size: 0.8em;
    height: 2rem;
    padding: 0.5em 0 0 0;
    letter-spacing: 0.15em;
  }
  .tit-cal{
    font-size: 0.8em;
  }
  .desc-cal{
    font-size: 0.8em;
  }
  .tit-calendario2{
    font-size: 1.5em;
    text-align: center;
  }
  .tamanio-bloq-cal{
    width: 80%; 
    text-align: justify;
    font-family: 'Poppins'; 
    font-weight: 500; 
    font-size: 0.8em;
  }
  .margen-slider-af{
    margin-top: 35em;
  }
 
  .thumb-cal5 {
    width: calc(68% - 1rem);
    display: block;
    margin-right: 0;
  }
  .thumb-cal6 {
    width: calc(68% - 1rem); 
    display: block;
    margin-right: 0;
  }
  .triangulo5 {
    left: -43px;
  }
  .triangulo6 {
    left: -43px;
  }
  .thumb-cal5 .date-txt5 {
    left: -91px;
  }
  .thumb-cal6 .date-txt6 {
    padding-right: 6em;
  }
  .thumb-cal6 .txt {
    width: 135px;
  }
  .tit-com-afamily{
    font-size: 2em;
  }
  .subt-com-afamily{
    font-size: 1.5em;
  }
  .tit-com-afamily{
    font-size: 2em;
  }
  .subt-com-afamily{
    font-size: 1.5em;
  }
  .titulo-comunidad-img {
    top: 45%;
    font-size: 2em;
  }
  .titulo-padre-af{
    font-size: 2em; 
    padding-left: 1em;
    padding-right: 1em;
  }
  .des-tit-af{
    font-size: 1em; 
    padding-left: 1em;
    padding-right: 1em;
    text-align: justify;
  }
  .parrafo-bloq-af{
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    text-align: justify;
  }
  .tit-coord-af{
    margin-top: 72em;
  }
}

@media only screen and (max-width: 839.98px) and (min-width: 768px) {
  /*Estilo para los accesos directos*/
  .barra-verde {
    background-color: #005c41;
    position: fixed !important;
    width: 100%;
    z-index: 997;
  }

  .barra-blanca {
    background: #fff;
    box-shadow: 0 1.5rem 1rem -0.8rem rgba(0, 0, 0, 0.1);
    position: fixed !important;
    margin-top: 1.5em;
    width: 100%;
    z-index: 997;
  }

  .logo-escudo a img {
    width: 100%;
  }

  .derecha-contenido a {
    font-size: 0.7em;
  }

  .right-icons a img {
    margin-bottom: 3px;
    width: 18px;
  }

  .main-button-btn-matricula a {
    font-size: 0.6em;
    padding-right: 3px;
    padding-left: 3px;
  }

  .margen-top {
    padding-top: 7%;
  }

  .main-button-intranet a {
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    border-radius: 5px;
    color: rgb(231, 177, 27);
    display: inline-block;
    font-size: 0.6em;
    font-weight: bold;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
  }

  .main-button-intranet a:hover {
    background-color: #fff;
    border: 1px solid #e7b11b;
    color: rgb(231, 177, 27);
  }

  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }

  .navbar .dropdown .dropdown ul {
    left: calc(100% - 30px);
    top: 0;
    visibility: hidden;
  }

  .navbar .dropdown ul {
    visibility: visible;
  }

  .frase-varones {
    font-size: 1em;
  }

  .boton-admision-amarillo {
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.7rem;
    color: #fff;
    padding: 1em;
  }

  .scroll-admision {
    visibility: visible;
    z-index: 100;
    right: -170px;
    top: 70%;
    width: 335px;
    transition: all 0.5s ease;
  }

  .scroll-admision div:first-child {
    background-color: white;
    padding: 59px 15px 52px 10px;
    /*Arriba derecha abajo izquierda*/
    background-color: #f9fafc;
  }

  .scroll-admision div:nth-child(2) {
    background-color: #b91833;
    padding: 5px;
    border-radius: 10px 0 0 10px;
    transition: all 0.5s ease;
  }

  .boton-guia-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .boton-tour-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .admision {
    font-size: 1.5em;
    text-align: center;
  }

  .espaciado-proceso {
    margin-top: 30%;
  }

  .fondo-verde {
    height: 252px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 24px;
    margin-top: 45px;
  }
  .fondo-blanco {
    height: 366px;
    background-color: #EDECE9;
    padding-top: 35px;
  }

  .margen-doc{
    margin-top: 14px;
    margin-left: 44px;
    font-size: 15px;
  }

  .margen-text-doc{
    margin-top: 105px;
  }

  .fondo-doc {
    background-image: url(/img/afamily/iconos/doc-img.png) hidden;
    background-repeat: no-repeat;
  }

  .img-muneco{
      margin-top: 41px;
  }

  .img-muneco img{
    height: 450px;
    visibility: hidden;
  }

  .desc-secundaria {
    font-size: 0.9em;
  }

  .titulo-princ h2 {
    font-size: 1.8em;
    font-weight: bold;
  }

  .titulo-princ-algarrobos {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 1.5em;
  }

  .titulo-princ-testimonios {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 2.2em;
  }

  .titulo-princ-testimonios-tit {
    font-size: 1.2em;
    padding-top: 3em;
    /* padding-bottom: 3em; */
  }

  .tam-franja-gris {
    margin-top: 6%;
    color: #fff;
    height: 100px;
    width: 100%;
    background-color: #eceded;
  }

  .franja-gris-ultnot {
    padding-top: 3.5em;
    padding-bottom: 1em;
  }

  .sub-ult-not {
    font-size: 1em;
  }

  .titulo-princ-testimonios-not {
    font-size: 2em;
    /* padding-bottom: 1.5em; */
  }

  .nav-noticias-tab {
    font-size: 0.9em;
  }

  .fecha-not {
    padding-left: 0;
    font-size: 1em;
  }

  .titulo-princ-testimonios-not-not {
    font-size: 1.2em;
    /* padding-bottom: 1em; */
  }

  .titulo-princ-testimonios-not-sub {
    font-size: 1.5em;
    margin-left: 0.5em;
    /* padding-bottom: 3em; */
  }

  .titulo-principios-educativos {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 2.5em;
  }

  .desc-testimonio {
    font-size: 1.7em;
    text-align: center;
    color: #fff;
    font-family: "Poppins";
    font-weight: 500;
  }

  .testimonios-text {
    font-size: 0.9em;
    color: #fff;
    padding: 1em;
    font-family: "Poppins";
    font-weight: normal;
  }

  .ver-testimonio a {
    font-size: 1.1em;
  }

  .border-testimonio {
    background: linear-gradient(90deg, #005c40, #006b66);
    border-top-left-radius: none;
    border-bottom-left-radius: none;
    height: 230px;
  }

  .parrafo-tit-general {
    font-size: 1.2em;
  }

  .parrafo-general {
    font-size: 1em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .firma {
    font-size: 1.1em;
  }

  .parrafo-scroll {
    max-width: 550px;
  }

  .franja-iconos {
    position: relative;
    background: #005329;
    height: 100px;
    margin-bottom: 45%;
  }

  .cfooter {
    color: #fff;
    padding-top: 5em;
    margin-top: 4em;
    font-size: 1em;
  }

  .site-footer .scroll-top {
    top: 9%;
  }

  .descar-doc {
    font-size: 1em;
  }

  .about_title {
    font-size: 1em;
    font-weight: bold;
  }

  .content-sanjose h1 {
    font-size: 1.6em;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .titulo-bloque-olimpiadas {
    margin-left: 4em;
    font-size: 1.8em;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parrafo-bloque-olimpiadas {
    font-size: 0.9em;
    text-align: justify;
    padding-bottom: 1em;
    margin-left: 8em;
  }

  .bloque-ed-pers {
    width: 100%;
  }

  .fondo-circular {
    width: 100%;
    margin-bottom: 4em;
  }

  .bloque-ed-pers .contenido-inicial {
    left: 0;
  }

  .infraestructura-servicios .owl-nav .owl-prev {
    left: -10px;
  }

  .infraestructura-servicios .owl-nav .owl-next {
    right: -10px;
  }

  .margen-deporte {
    margin-bottom: 3em;
    margin-top: -10em;
  }

  .titulo-servicios {
    font-size: 1.8em;
  }

  .desc-servicios {
    font-size: 1em;
  }

  .subtitulo-servicio {
    font-size: 1.5em;
  }

  .desc-servicioslist {
    font-size: 0.8em;
  }

  .fondo-adm {
    padding-bottom: 1em;
    padding-top: 6em;
  }

  .fondo-adm-benef {
    padding-top: 6em;
  }

  .fondo-verde-alumni {
    height: 612px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    font-weight: bold;
    /* margin-top: 190px; */
  }
  .fondo-blanco {
    height: 366px;
    background-color: #EDECE9;
    padding-top: 35px;
  }

  .margen-doc{
    margin-top: 14px;
    margin-left: 44px;
    font-size: 15px;
  }

  .margen-text-doc{
    margin-top: 105px;
  }

  .fondo-doc {
    background-image: url(/img/afamily/iconos/doc-img.png) hidden;
    background-repeat: no-repeat;
  }

  .img-muneco{
      margin-top: 41px;
  }

  .img-muneco img{
    height: 450px;
    visibility: hidden;
  }
  
  .titulo-copa {
    font-size: 2em;
  }

  .nombre-copa {
    font-size: 2.5em;
  }

  .promocion-copa {
    font-size: 1.5em;
  }

  .titulo-contactenos {
    font-size: 2em;
    color: #005f44;
    font-family: "Poppins";
    font-weight: bold;
    margin-top: 0.5em;
  }

  .datos-contacto {
    padding-left: 2em;
    padding-bottom: 2em;
  }

  .titulo-linea-porque {
    font-size: 1.5em !important;
    text-align: justify;
    color: #fff;
    margin-top: 0.5em;
    margin-left: 0.5em;
  }

  .titulo-linea-porque::after {
    content: "";
    display: block;
    width: 40%;
    height: 3px;
    background: #e0af00;
    /* margin: 1px auto 25px; */
    text-align: justify;
  }

  .btn-play-porque {
    position: absolute;
    z-index: 1;
    top: 97%;
    left: 88%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque2 {
    position: absolute;
    z-index: 1;
    top: 383%;
    left: 70%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque3 {
    position: absolute;
    z-index: 1;
    top: 472%;
    left: 73%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .barra-secundaria {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }
  .barra-secundaria-afamily {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 1.5em;
    padding-bottom: 2em;
    color: #fff;
  }

  .titulo-bloque {
    font-size: 1.5em;
  }

  .margen-bloque {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .margenes-bloque {
    margin-top: 2em;
  }

  .bloque-bienvenida {
    margin-top: 2em;
  }

  .margenes-bloque-abajo {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .separ-franja {
    padding-top: 12%;
  }

  .parrafo-bloque {
    font-size: 0.9em;
    font-weight: 400;
    font-family: Roboto;
    text-align: justify;
  }

  .galeria-zoom {
    padding-top: 4em;
  }

  .galeria-zoom-campus {
    padding-top: 0.5em;
  }

  .noticias-text-porque {
    font-size: 1em;
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
  }

  .firma-alumni {
    font-size: 1em;
  }

  .cargo-alumni {
    font-size: 1em;
    font-style: italic;
  }

  .single_course .course_content a {
    font-size: 2em;
  }

  .single_course .course_content p {
    font-size: 1.1em;
  }

  .margen-boton-vermas {
    padding-left: 3em;
  }

  .header-carousel .owl-nav .owl-prev {
    top: 70%;
  }

  .header-carousel .owl-nav .owl-next {
    top: 70%;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel {
    padding-top: 4em;
  }

  .texto-afamily {
    width: 95%;
    top: 65%;
    transform: translate(-50%, -90%);
  }

  .titulo-afamily {
    font-size: 1.3em;
  }

  .caja-verde-afamily {
    width: 90%;
    font-size: 0.7em;
    text-align: center;
  }

  .franja-afamily {
    height: 220px;
  }

  .thumb-cal-small {
    height: 100px;
  }

  .triangulo1 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 1.2em;
    line-height: 1.4rem;
  }

  .slide_actividades {
    padding: 0.8em;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(110% - 18rem - 5px);
    padding: 0 0.5rem;
  }

  /*ESTILO SIMBOLOS AFAMILY*/
  .titulo-simbolo-afamily {
    font-size: 2em;
    margin-top: 0.5em;
  }

  .desc-simbolo-afamily {
    font-size: 1em;
    margin-top: 0.5em;
    width: 90%;
  }

  .margen-franja-simbolo-afamily {
    margin-top: 1em;
  }

  .bloque-simbolo {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo {
    visibility: hidden;
  }

  .bloque-simbolo-oro {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo-oro {
    visibility: hidden;
  }

  .bloque-simbolo-nave {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
  }

  .flecha-simbolo-nave {
    visibility: hidden;
  }

  .bloque-simbolo-sinople {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-sinople {
    visibility: hidden;
  }

  .bloque-simbolo-gules {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-top: 0;
    margin-bottom: 3em;
  }

  .flecha-simbolo-gules {
    visibility: hidden;
  }

  .bloque-simbolo-lema {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-lema {
    visibility: hidden;
  }

  .margen-titulo-benef-alumni {
    padding-top: 2em;
  }

  .titulo-beneficio-alumni {
    font-size: 1.2em;
    color: #00542b;
    font-weight: bold;
    text-align: justify;
  }

  .titulo-beneficioa {
    background-color: #eceded;
    height: 100px;
    text-align: center;
  }

  .titulo-beneficioa img {
    width: 50px;
  }

  .tit-acord-alumni {
    color: #00542b;
    font-weight: bold;
    font-size: 1.3em;
  }

  .form-floating-vuelve > label {
    font-size: 0.9em;
  }

  .page-header-vuelve-alumni {
    background: url(/img/fondo-vuelve-alumni.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .titulo-alumni-copa {
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    font-family: Poppins;
    text-align: center;
  }

  .titulo-alumni-desc-copa {
    margin-top: 1em;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
  }

  .titulo-alumni-beneficios {
    font-size: 3em;
  }

  .titulo-alumni-desc-beneficios {
    text-align: center;
    color: #585b5c;
    font-size: 1em;
    font-weight: bold;
  }

  .boton-1.adm-amarillo-alumni {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.9rem;
    color: #fff;
    padding: 0.7em;
  }

  .titulos-alumni h1 {
    font-family: Poppins;
    text-align: justify;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 2.2em;
    padding-left: 1em;
  }

  .titulo-linea-alumni h1:after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    /* margin: 1px auto -46px; */
    font-weight: bold;
  }

  .admision-alumni {
    margin-top: 4em;
  }

  .admision-alumni h2 {
    font-size: 2.3em;
  }

  .accordion-item {
    background-color: #fff;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #00542b;
    font-size: 0.8em;
  }

  /*** ACORDEON ***/
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    color: var(--bs-white);
    background: #00542b;
    font-size: 0.6em;
    border-radius: 30px;
  }

  .faq-section
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button.collapsed {
    color: #005c41;
    background: #d9dad9;
    font-weight: bold;
    border-radius: 30px;
  }

  .noticias2-porque {
    margin-top: 2em;
  }

  .border-testimonio-porque {
    background: #006555;
  }

  .deportes-img-porque img {
    margin-bottom: 3%;
    margin-top: 1em;
    border-radius: 21px;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.35);
    width: 90%;
  }

  .porque {
    margin: 0;
    padding-left: 0;
    background: #006555;
    padding: 1em;
  }

  .fondo-dep {
    background-color: #eceded;
    background-image: url(/img/fondo-ceramica-blanco.png);
  }

  .deportes .deportes-img img {
    position: relative;
    /* width: 100%; */
    /* border-radius: 15px; */
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
    /* margin-bottom: 10%; */
  }

  .titulos2 h1 {
    font-family: Poppins;
    text-align: center;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 1.5em;
    font-weight: bold;
    font-size: 2.2em;
  }

  .testimony-wrap .icon {
    position: absolute;
    top: -59px;
    left: 41%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: #1ba12d;*/
  }

  .titulo-val {
    font-size: 2em;
    font-family: Poppins;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
  }

  .tit-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #d91a5c;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit2-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #39b44a;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit3-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #008674;
    padding-top: 0.9em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parraf-cuadro {
    font-size: 1em;
    text-align: center;
    font-family: Poppins;
  }

  .alto-video {
    padding-top: 15%;
  }

  .barra-directo {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .fondo-adm-alumni {
    padding-top: 7em;
  }

  .espaciado-proceso-alumni {
    /* margin-bottom: 50px; */
    margin-bottom: 3em;
  }

  .boton-1.adm-amarillo:hover {
    /* background-color: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000; */
  }

  .boton-2.adm-amarillo {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000;
    padding: 8px;
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .boton-2 {
    border: 0;
    color: #000;
    /* padding: 0.6rem 0.5rem 0.6rem 2.5rem; */
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 0.8rem;
    /* font-weight: 600; */
  }

  .map-wrapper {
    width: 344px;
    height: 349px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    top: 178px;
    left: 4px;
  }

  .mobile-nav-toggle {
    display: block;
  }

  .logo-escudo a img {
    width: 170px;
  }

  .main-button-red a {
    font-size: 0.8em;
    color: rgb(231, 177, 27);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    padding: 6px 8px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
  }

  .main-button-red a:hover {
    color: #fff;
    background-color: rgb(231, 177, 27);
  }

  .main-button-yel a {
    font-size: 0.7em;
    color: rgb(35, 155, 151);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(35, 155, 151);
    padding: 5px 8px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
    margin-right: 0.5em;
  }

  .main-button-yel a:hover {
    color: #fff;
    background-color: rgb(35, 155, 151);
  }

  .right-icons ul li a img {
    width: 32px;
    height: 32px;
  }

  .map-container {
    position: absolute;
    top: -96px;
    left: -234px;
    width: 201%;
    height: 100%;
    transition: transform 0.3s;
  }

  .titulo-linea {
    font-family: Poppins;
    color: #005c3f;
    font-size: 2em;
    font-weight: bold;
    padding-left: 0 !important;
    margin-bottom: 0.5em;
    text-align: center;
  }

  .titulo-linea::after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    margin: 1px auto 1px;
  }

  .page-header-nuestrocolegio7 {
    background: url(/img/fondo-actividades.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .page-header-admision {
    padding-top: 15%;
  }

  .espaciado-adm {
    /* padding-top: none; */
  }

  .espaciado-adm-req {
    /* padding-top: none; */
  }

  .espaciado-adm-inv {
    /* padding-top: none; */
  }

  .offer-section .nav a.accordion-link:active {
    /* background: #D71C5C; */
    border-radius: 20px;
    color: #fff;
    font-size: 1.5em;
    font-family: Poppins;
  }
  .titulo-patrono-sjm{
    margin-top: 0.5em;
    font-size: 1.7em;
  }
  .btn-patrono-afamily {
    font-size: 0.9em;
  }
  .boton-mision {
    font-size: 0.9em;
  }
  .titulo-anio-secundaria {
    font-size: 1.8em;
  }
  .vinetas-consejo{
    font-size: 1.2em;
  }
  .numero-conteo-rojo {
    color: #BE1D2C;
    font-size: 4em;
  }
  .texto-conteo-rojo {
    color: #BE1D2C;
    font-size: 2em;
  }
  .numero-conteo-verde {
    color: #024524;
    font-size: 4em;
  }
  .texto-conteo-verde {
    color: #024524;
    font-size: 2em;
  }
  .numero-conteo-azul {
    color: #156195;
    font-size: 4em;
  }
  .texto-conteo-azul {
    color: #156195;
    font-size: 2em;
  }
  .numero-conteo-amarillo {
    color: #E3A83A;
    font-size: 4em;
  }
  .texto-conteo-amarillo {
    color: #E3A83A;
    font-size: 2em;
  }
  .acordeon-titulo{
    font-size: 1.5em;
  }
  .olimp-fondo-amarillo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .titulo-olimp{
    font-size: 1.8em; 
   }
   .descripcion-olimp{
    font-size: 0.9em; 
   }
   .olimp-fondo-rojo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-verde{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-azul{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .carousel-item img {
    /* margin-top: 27em; */
  }
  .margin-vinetas-af{
    margin-top: -25em; 
    position: relative;
    padding-left: 5em;
  }
  .tit-documentoa{
    font-size: 1.5em;        
  }
  .des-doca{
    font-size: 1em;  
  }
  .margen-slider-af{
    margin-top: 35em;
  }

  .cal-filters {
    bottom: -6em;
  }
  .bt-white {
    font-size: 0.8em;
    height: 2rem;
    padding: 0.5em 0 0 0;
    letter-spacing: 0.15em;
  }
  .tit-cal{
    font-size: 0.8em;
  }
  .desc-cal{
    font-size: 0.8em;
  }
  .tit-calendario2{
    font-size: 1.5em;
    text-align: center;
  }
  .tamanio-bloq-cal{
    width: 80%; 
    text-align: justify;
    font-family: 'Poppins'; 
    font-weight: 500; 
    font-size: 0.8em;
  }
 
  .thumb-cal5 {
    width: calc(50% - 1rem); 
    display: block;
    margin-right: 0;
  }
  .thumb-cal6 {
    width: calc(50% - 1rem);
    display: block;
    margin-right: 0;
}
  .triangulo5 {
    left: -43px;
  }
  .triangulo6 {
    left: -43px;
  }
  .thumb-cal5 .date-txt5 {
    left: -91px;
  }
  .thumb-cal6 .date-txt6 {
    padding-right: 6em;
  }
  .thumb-cal6 .txt {
    width: 135px;
  }
  .tit-com-afamily{
    font-size: 3em;
  }
  .subt-com-afamily{
    font-size: 2.5em;
  }
  .tit-com-afamily{
    font-size: 2em;
  }
  .subt-com-afamily{
    font-size: 1.5em;
  }
  .titulo-comunidad-img {
    top: 45%;
    font-size: 2em;
  }
  .titulo-padre-af{
    font-size: 2em; 
    padding-left: 1em;
    padding-right: 1em;
  }
  .des-tit-af{
    font-size: 1em; 
    padding-left: 1em;
    padding-right: 1em;
    text-align: justify;
  }
  .parrafo-bloq-af{
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    text-align: justify;
  }
  .tit-coord-af{
    margin-top: 65em;
  }
}

@media only screen and (max-width: 991.98px) and (min-width: 840px) {
  /*Estilo para los accesos directos*/
  .barra-verde {
    background-color: #005c41;
    position: fixed !important;
    width: 100%;
    z-index: 997;
  }

  .barra-blanca {
    background: #fff;
    box-shadow: 0 1.5rem 1rem -0.8rem rgba(0, 0, 0, 0.1);
    position: fixed !important;
    margin-top: 1.5em;
    width: 100%;
    z-index: 997;
  }

  .logo-escudo a img {
    width: 100%;
  }

  .derecha-contenido a {
    font-size: 0.7em;
  }

  .right-icons a img {
    margin-bottom: 3px;
    width: 18px;
  }

  .main-button-btn-matricula a {
    font-size: 0.5em;
    padding-right: 3px;
    padding-left: 3px;
  }

  .margen-top {
    padding-top: 7%;
  }

  .main-button-intranet a {
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    border-radius: 5px;
    color: rgb(231, 177, 27);
    display: inline-block;
    font-size: 0.5em;
    font-weight: bold;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
  }

  .main-button-intranet a:hover {
    background-color: #fff;
    border: 1px solid #e7b11b;
    color: rgb(231, 177, 27);
  }

  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }

  .navbar .dropdown .dropdown ul {
    left: calc(100% - 30px);
    top: 0;
    visibility: hidden;
  }

  .navbar .dropdown ul {
    visibility: visible;
  }

  .frase-varones {
    font-size: 1em;
  }

  .boton-admision-amarillo {
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.7rem;
    color: #fff;
    padding: 1em;
  }

  .scroll-admision {
    visibility: visible;
    z-index: 100;
    right: -170px;
    top: 70%;
    width: 335px;
    transition: all 0.5s ease;
  }

  .scroll-admision div:first-child {
    background-color: white;
    padding: 59px 15px 42px 10px;
    /*Arriba derecha abajo izquierda*/
    background-color: #f9fafc;
  }

  .scroll-admision div:nth-child(2) {
    background-color: #b91833;
    padding: 5px;
    border-radius: 10px 0 0 10px;
    transition: all 0.5s ease;
  }

  .boton-guia-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .boton-tour-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .admision {
    font-size: 2em;
    text-align: center;
  }

  .espaciado-proceso {
    margin-top: 40%;
  }

  .fondo-verde {
    height: 300px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 112px;
  }

  .fondo-blanco {
    height: 350px;
    background-color: #EDECE9;
    padding-top: 25px;
    margin-top: 160px;
  }

  .margen-doc{
    margin-top: 74px;
    margin-left: 44px;
    font-size: 15px;
  }

  .margen-text-doc{
    margin-top: 105px;
  }

  .fondo-doc {
    background-image: url(/img/afamily/iconos/doc-img.png);
    background-repeat: no-repeat;
    margin-top: 41px;
  }

  .img-muneco{
      margin-top: 41px;
  }

  .img-muneco img{
    height: 450px;
    }
  
  .desc-secundaria {
    font-size: 1em;
  }

  .titulo-princ h2 {
    font-size: 2em;
    font-weight: bold;
  }

  .titulo-princ-algarrobos {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 1.4em;
  }

  .titulo-princ-testimonios {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 2.3em;
  }

  .titulo-princ-testimonios-tit {
    font-size: 1.2em;
    padding-top: 3em;
    /* padding-bottom: 3em; */
  }

  .tam-franja-gris {
    margin-top: 6%;
    color: #fff;
    height: 100px;
    width: 100%;
    background-color: #eceded;
  }

  .franja-gris-ultnot {
    padding-top: 3.5em;
    padding-bottom: 1em;
  }

  .sub-ult-not {
    font-size: 1.2em;
  }

  .titulo-princ-testimonios-not {
    font-size: 2.5em;
    /* padding-bottom: 1.5em; */
  }

  .nav-noticias-tab {
    font-size: 0.9em;
  }

  .fecha-not {
    padding-left: 0;
    font-size: 1em;
  }

  .titulo-princ-testimonios-not-not {
    font-size: 1.2em;
    /* padding-bottom: 1em; */
  }

  .titulo-princ-testimonios-not-sub {
    font-size: 2.5em;
    margin-left: 0.5em;
    /* padding-bottom: 3em; */
  }

  .titulo-principios-educativos {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 2.5em;
  }

  .desc-testimonio {
    font-size: 1.6em;
    text-align: center;
    color: #fff;
    font-family: "Poppins";
    font-weight: 500;
  }

  .testimonios-text {
    font-size: 1.1em;
    color: #fff;
    padding: 1em;
    font-family: "Poppins";
    font-weight: normal;
  }

  .ver-testimonio a {
    font-size: 1em;
  }

  .border-testimonio {
    background: linear-gradient(90deg, #005c40, #006b66);
    border-top-left-radius: none;
    border-bottom-left-radius: none;
    height: 230px;
  }

  .parrafo-tit-general {
    font-size: 1.5em;
  }

  .parrafo-general {
    font-size: 1em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .firma {
    font-size: 1.1em;
  }

  .parrafo-scroll {
    max-width: 550px;
  }

  .franja-iconos {
    position: relative;
    background: #005329;
    height: 100px;
    margin-bottom: 45%;
  }

  .cfooter {
    color: #fff;
    padding-top: 5em;
    margin-top: 4em;
    font-size: 1em;
  }

  .site-footer .scroll-top {
    top: 8%;
  }

  .descar-doc {
    font-size: 1em;
  }

  .about_title {
    font-size: 1.2em;
    font-weight: bold;
  }

  .content-sanjose h1 {
    font-size: 1.5em;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .titulo-bloque-olimpiadas {
    margin-left: 4.5em;
    font-size: 1.8em;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parrafo-bloque-olimpiadas {
    font-size: 0.9em;
    text-align: justify;
    padding-bottom: 1em;
    margin-left: 9em;
  }

  .bloque-ed-pers {
    width: 100%;
  }

  .fondo-circular {
    width: 100%;
    margin-bottom: 4em;
  }

  .bloque-ed-pers .contenido-inicial {
    left: 0;
  }

  .infraestructura-servicios .owl-nav .owl-prev {
    left: -10px;
  }

  .infraestructura-servicios .owl-nav .owl-next {
    right: -10px;
  }

  .margen-deporte {
    margin-bottom: 3em;
    margin-top: -10em;
  }

  .titulo-servicios {
    font-size: 1.8em;
  }

  .desc-servicios {
    font-size: 1em;
  }

  .subtitulo-servicio {
    font-size: 1.5em;
  }

  .desc-servicioslist {
    font-size: 0.8em;
  }

  .fondo-adm {
    padding-bottom: 1em;
    padding-top: 6em;
  }

  .fondo-adm-benef {
    padding-top: 6em;
  }

  .fondo-verde-alumni {
    height: 600px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    font-weight: bold;
    /* margin-top: 190px; */
  }

  .titulo-copa {
    font-size: 2em;
  }

  .nombre-copa {
    font-size: 2.5em;
  }

  .promocion-copa {
    font-size: 1.5em;
  }

  .titulo-contactenos {
    font-size: 2.5em;
    color: #005f44;
    font-family: "Poppins";
    font-weight: bold;
    margin-top: 0.5em;
  }

  .datos-contacto {
    padding-left: 2em;
    padding-bottom: 2em;
  }

  .titulo-linea-porque {
    font-size: 1.5em !important;
    text-align: justify;
    color: #fff;
    margin-top: 0.5em;
    margin-left: 0.5em;
  }

  .titulo-linea-porque::after {
    content: "";
    display: block;
    width: 40%;
    height: 3px;
    background: #e0af00;
    /* margin: 1px auto 25px; */
    text-align: justify;
  }

  .btn-play-porque {
    position: absolute;
    z-index: 1;
    top: 105%;
    left: 88%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque2 {
    position: absolute;
    z-index: 1;
    top: 393%;
    left: 72%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque3 {
    position: absolute;
    z-index: 1;
    top: 480%;
    left: 73%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .barra-secundaria {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }

  .barra-secundaria-afamily {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 1.8em;
    padding-bottom: 2em;
    color: #fff;
  }

  .titulo-bloque {
    font-size: 1.7em;
  }

  .margen-bloque {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .margenes-bloque {
    margin-top: 2em;
  }

  .bloque-bienvenida {
    margin-top: 2em;
  }

  .margenes-bloque-abajo {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .separ-franja {
    padding-top: 11%;
  }

  .parrafo-bloque {
    font-size: 1em;
    font-weight: 400;
    font-family: Roboto;
    text-align: justify;
  }

  .galeria-zoom {
    padding-top: 3em;
  }

  .galeria-zoom-campus {
    padding-top: 0.5em;
  }

  .titulo-principal {
    font-size: 2em;
  }

  .noticias-text-porque {
    font-size: 1m;
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
  }

  .firma-alumni {
    font-size: 1.3em;
  }

  .cargo-alumni {
    font-size: 1em;
    font-style: italic;
  }

  .single_course .course_content a {
    font-size: 2em;
  }

  .single_course .course_content p {
    font-size: 1.1em;
  }

  .margen-boton-vermas {
    padding-left: 3em;
  }

  .header-carousel .owl-nav .owl-prev {
    top: 70%;
  }

  .header-carousel .owl-nav .owl-next {
    top: 70%;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel {
    padding-top: 4em;
  }

  .texto-afamily {
    width: 95%;
    top: 65%;
    transform: translate(-50%, -90%);
  }

  .titulo-afamily {
    font-size: 1.3em;
  }

  .caja-verde-afamily {
    width: 90%;
    font-size: 0.7em;
    text-align: center;
  }

  .franja-afamily {
    height: 220px;
  }

  .thumb-cal-small {
    height: 100px;
  }

  .triangulo1 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 1.2em;
    line-height: 1.4rem;
  }

  .slide_actividades {
    padding: 0.8em;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(110% - 18rem - 5px);
    padding: 0 0.5rem;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel {
    padding-top: 4em;
  }

  .texto-afamily {
    width: 95%;
    top: 65%;
    transform: translate(-50%, -90%);
  }

  .titulo-afamily {
    font-size: 1.3em;
  }

  .caja-verde-afamily {
    width: 90%;
    font-size: 0.7em;
    text-align: center;
  }

  .franja-afamily {
    height: 220px;
  }

  .thumb-cal-small {
    height: 100px;
  }

  .triangulo1 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 1.2em;
    line-height: 1.4rem;
  }

  .slide_actividades {
    padding: 0.8em;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(110% - 18rem - 5px);
    padding: 0 0.5rem;
  }

  /*ESTILO SIMBOLOS AFAMILY*/
  .titulo-simbolo-afamily {
    font-size: 2em;
    margin-top: 0.5em;
  }

  .desc-simbolo-afamily {
    font-size: 1em;
    margin-top: 0.5em;
    width: 90%;
  }

  .margen-franja-simbolo-afamily {
    margin-top: 1em;
  }

  .bloque-simbolo {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo {
    visibility: hidden;
  }

  .bloque-simbolo-oro {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo-oro {
    visibility: hidden;
  }

  .bloque-simbolo-nave {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
  }

  .flecha-simbolo-nave {
    visibility: hidden;
  }

  .bloque-simbolo-sinople {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-sinople {
    visibility: hidden;
  }

  .bloque-simbolo-gules {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-top: 0;
    margin-bottom: 3em;
  }

  .flecha-simbolo-gules {
    visibility: hidden;
  }

  .bloque-simbolo-lema {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-lema {
    visibility: hidden;
  }

  .margen-titulo-benef-alumni {
    padding-top: 2em;
  }

  .titulo-beneficio-alumni {
    font-size: 1.2em;
    color: #00542b;
    font-weight: bold;
    text-align: justify;
  }

  .titulo-beneficioa {
    background-color: #eceded;
    height: 100px;
    text-align: center;
  }

  .titulo-beneficioa img {
    width: 50px;
  }

  .tit-acord-alumni {
    color: #00542b;
    font-weight: bold;
    font-size: 1.3em;
  }

  .form-floating-vuelve > label {
    font-size: 0.9em;
  }

  .page-header-vuelve-alumni {
    background: url(/img/fondo-vuelve-alumni.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .titulo-alumni-copa {
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    font-family: Poppins;
    text-align: center;
  }

  .titulo-alumni-desc-copa {
    margin-top: 1em;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
  }

  .titulo-alumni-beneficios {
    font-size: 3em;
  }

  .titulo-alumni-desc-beneficios {
    text-align: center;
    color: #585b5c;
    font-size: 1em;
    font-weight: bold;
  }

  .boton-1.adm-amarillo-alumni {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.9rem;
    color: #fff;
    padding: 0.7em;
  }

  .titulos-alumni h1 {
    font-family: Poppins;
    text-align: justify;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 2.2em;
    padding-left: 1em;
  }

  .titulo-linea-alumni h1:after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    /* margin: 1px auto -46px; */
    font-weight: bold;
  }

  .admision-alumni {
    margin-top: 4em;
  }

  .admision-alumni h2 {
    font-size: 2.3em;
  }

  .accordion-item {
    background-color: #fff;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #00542b;
    font-size: 0.8em;
  }

  /*** ACORDEON ***/
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    color: var(--bs-white);
    background: #00542b;
    font-size: 0.6em;
    border-radius: 30px;
  }

  .faq-section
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button.collapsed {
    color: #005c41;
    background: #d9dad9;
    font-weight: bold;
    border-radius: 30px;
  }

  .noticias2-porque {
    margin-top: 2em;
  }

  .border-testimonio-porque {
    background: #006555;
  }

  .deportes-img-porque img {
    margin-bottom: 3%;
    margin-top: 1em;
    border-radius: 21px;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.35);
    width: 90%;
  }

  .porque {
    margin: 0;
    padding-left: 0;
    background: #006555;
    padding: 1em;
  }

  .fondo-dep {
    background-color: #eceded;
    background-image: url(/img/fondo-ceramica-blanco.png);
  }

  .deportes .deportes-img img {
    position: relative;
    /* width: 100%; */
    /* border-radius: 15px; */
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
    /* margin-bottom: 10%; */
  }

  .titulos2 h1 {
    font-family: Poppins;
    text-align: center;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 1.5em;
    font-weight: bold;
    font-size: 2.2em;
  }

  .testimony-wrap .icon {
    position: absolute;
    top: -59px;
    left: 41%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: #1ba12d;*/
  }

  .titulo-val {
    font-size: 2em;
    font-family: Poppins;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
  }

  .tit-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #d91a5c;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit2-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #39b44a;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit3-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #008674;
    padding-top: 0.9em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parraf-cuadro {
    font-size: 1em;
    text-align: center;
    font-family: Poppins;
  }

  .alto-video {
    padding-top: 12%;
  }

  .barra-directo {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .espaciado-proceso-alumni {
    /* margin-bottom: 67px; */
    margin-top: 10%;
  }

  .boton-1.adm-amarillo:hover {
    /* background-color: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000; */
  }

  .boton-2.adm-amarillo {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000;
    padding: 8px;
    padding-top: 19px;
    padding-bottom: 19px;
  }

  .boton-2 {
    border: 0;
    color: #000;
    /* padding: 0.6rem 0.5rem 0.6rem 2.5rem; */
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 0.8rem;
    /* font-weight: 600; */
  }

  .ftco-hireme img {
    margin-top: -175px;
    /* margin-left: 100px; */
  }

  .mobile-nav-toggle {
    display: block;
  }

  .logo-escudo a img {
    width: 180px;
  }

  .main-button-red a {
    font-size: 0.8em;
    color: rgb(231, 177, 27);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    padding: 6px 8px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
  }

  .main-button-red a:hover {
    color: #fff;
    background-color: rgb(231, 177, 27);
  }

  .main-button-yel a {
    font-size: 0.7em;
    color: rgb(35, 155, 151);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(35, 155, 151);
    padding: 5px 8px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
    margin-right: 0.5em;
  }

  .main-button-yel a:hover {
    color: #fff;
    background-color: rgb(35, 155, 151);
  }

  .right-icons ul li a img {
    width: 32px;
    height: 32px;
  }

  .map-wrapper {
    width: 344px;
    height: 349px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    top: 178px;
    left: 4px;
  }

  .map-container {
    position: absolute;
    top: -96px;
    left: -234px;
    width: 201%;
    height: 100%;
    transition: transform 0.3s;
  }

  .fondo-verde {
    height: 245px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 198px;
  }
  .fondo-blanco {
    height: 366px;
    background-color: #EDECE9;
    padding-top: 35px;
  }

  .margen-doc{
    margin-top: 14px;
    margin-left: 44px;
    font-size: 15px;
  }

  .margen-text-doc{
    margin-top: 105px;
  }

  .fondo-doc {
    background-image: url(/img/afamily/iconos/doc-img.png) hidden;
    background-repeat: no-repeat;
  }

  .img-muneco{
      margin-top: 41px;
  }

  .img-muneco img{
    height: 450px;
    visibility: hidden;
   }
  
  

  .hero-wrap.hero-wrap-2 {
    height: 300px;
    margin-top: 16%;
  }

  .alineacion-proceso {
    margin-top: 0% !important;
    /* margin-left: 23%; */
  }

  .titulo-linea {
    font-family: Poppins;
    color: #005c3f;
    font-size: 2em;
    font-weight: bold;
    padding-left: 0 !important;
    margin-bottom: 0.5em;
    text-align: center;
  }

  .titulo-linea::after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    margin: 1px auto 1px;
  }

  .image-container {
    margin-top: -161px !important;
  }

  .img-ex {
    margin-bottom: 2%;
  }

  .timeline > li {
    min-height: 150px;
  }

  .timeline > li .timeline-panel {
    padding: 0 20px 20px;
  }

  .timeline > li .timeline-image {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }

  .timeline > li .timeline-image h4,
  .timeline > li .timeline-image .h4 {
    font-size: 18px;
    line-height: 26px;
    margin-top: 30px;
  }

  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 20px 20px;
  }

  .client_logo .single_client_logo {
    height: 100px;
    padding: 10px;
  }

  .page-header-nuestrocolegio7 {
    background: url(/img/fondo-actividades.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .page-header-admision {
    padding-top: 14%;
  }

  .espaciado-adm {
    /* padding-top: none; */
  }

  .espaciado-adm-req {
    /* padding-top: none; */
  }

  .espaciado-adm-inv {
    /* padding-top: none; */
  }

  .offer-section .nav a.accordion-link:active {
    /* background: #D71C5C; */
    border-radius: 20px;
    color: #fff;
    font-size: 1.5em;
    font-family: Poppins;
  }

  .bloque2 {
    position: relative;
    /* overflow: hidden; */
    background-color: #f1f2f2;
    border: 1px solid #ddd;
    border-radius: 50px;
    height: 400px;
    width: 100%;
    /* Altura fija para los bloques */
    padding: 20px;
    transition: all 0.5s ease;
    box-shadow: 7px 7px 12px 0 rgba(20, 20, 20, 0.3);
    /* Transición suave */
    margin-bottom: 15em;
  }
  .titulo-patrono-sjm{
    margin-top: 0.5em;
    font-size: 1.7em;
  }
  .btn-patrono-afamily {
    font-size: 0.9em;
  }
  .boton-mision {
    font-size: 0.9em;
  }
  .titulo-anio-secundaria {
    font-size: 1.8em;
  }
  .vinetas-consejo{
    font-size: 1.2em;
  }
  .numero-conteo-rojo {
    color: #BE1D2C;
    font-size: 4em;
  }
  .texto-conteo-rojo {
    color: #BE1D2C;
    font-size: 2em;
  }
  .numero-conteo-verde {
    color: #024524;
    font-size: 4em;
  }
  .texto-conteo-verde {
    color: #024524;
    font-size: 2em;
  }
  .numero-conteo-azul {
    color: #156195;
    font-size: 4em;
  }
  .texto-conteo-azul {
    color: #156195;
    font-size: 2em;
  }
  .numero-conteo-amarillo {
    color: #E3A83A;
    font-size: 4em;
  }
  .texto-conteo-amarillo {
    color: #E3A83A;
    font-size: 2em;
  }
  .acordeon-titulo{
    font-size: 1.5em;
  }
  .olimp-fondo-amarillo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .titulo-olimp{
    font-size: 1.8em; 
   }
   .descripcion-olimp{
    font-size: 0.9em; 
   }
   .olimp-fondo-rojo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-verde{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-azul{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }

   .carousel-item img {
    /* margin-top: 27em; */
  }
  .margin-vinetas-af{
    margin-top: -25em; 
    position: relative;
    padding-left: 5em;
  }
  .tit-documentoa{
    font-size: 1.5em;        
  }
  .des-doca{
    font-size: 1em;  
  }
  .margen-slider-af{
    margin-top: 35em;
  }
  .cal-filters {
    bottom: -4em;
  }
  .bt-white {
    font-size: 0.8em;
    height: 2rem;
    padding: 0.5em 0 0 0;
    letter-spacing: 0.15em;
  }
  .tit-cal{
    font-size: 0.8em;
  }
  .desc-cal{
    font-size: 0.8em;
  }
  .tit-calendario2{
    font-size: 1.5em;
    text-align: center;
  }
  .tamanio-bloq-cal{
    width: 80%; 
    text-align: justify;
    font-family: 'Poppins'; 
    font-weight: 500; 
    font-size: 0.8em;
  }
 
  .thumb-cal5 {
    width: calc(50% - 1rem); 
    display: block;
    margin-right: 0;
  }
  .thumb-cal6 {
    width: calc(50% - 1rem);
    display: block;
    margin-right: 0;
}
.triangulo5 {
  left: -62px;
}
.triangulo6 {
  left: -62px;
}
.thumb-cal5 .date-txt5 {
  left: -126px;
}
.thumb-cal6 .date-txt6 {
  padding-right: 8em;
}
.thumb-cal6 .txt {
  width: 135px;
}
.tit-com-afamily{
  font-size: 3em;
}
.subt-com-afamily{
  font-size: 2.5em;
}
.tit-com-afamily{
  font-size: 2em;
}
.subt-com-afamily{
  font-size: 1.5em;
}
.titulo-comunidad-img {
  top: 45%;
  font-size: 2em;
}
.titulo-padre-af{
  font-size: 2em; 
  padding-left: 1em;
  padding-right: 1em;
}
.des-tit-af{
  font-size: 1em; 
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
}
.parrafo-bloq-af{
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
}
.tit-coord-af{
  margin-top: 72em;
}
   
}

@media only screen and (max-width: 1049.98px) and (min-width: 992px) {
  /*Estilo para los accesos directos*/
  .barra-verde {
    background-color: #005c41;
    position: fixed !important;
    width: 100%;
    z-index: 997;
  }

  .barra-blanca {
    background: #fff;
    box-shadow: 0 1.5rem 1rem -0.8rem rgba(0, 0, 0, 0.1);
    position: fixed !important;
    margin-top: 1.5em;
    width: 100%;
    z-index: 997;
  }

  .logo-escudo a img {
    width: 100%;
  }

  .derecha-contenido a {
    font-size: 0.7em;
  }

  .right-icons a img {
    margin-bottom: 3px;
    width: 18px;
  }

  .main-button-btn-matricula a {
    font-size: 0.8em;
    padding-right: 3px;
    padding-left: 3px;
  }

  .margen-top {
    padding-top: 7%;
  }

  .main-button-intranet a {
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    border-radius: 5px;
    color: rgb(231, 177, 27);
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
  }

  .main-button-intranet a:hover {
    background-color: #fff;
    border: 1px solid #e7b11b;
    color: rgb(231, 177, 27);
  }

  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }

  .navbar .dropdown .dropdown ul {
    left: calc(100% - 30px);
    top: 0;
    visibility: hidden;
  }

  .frase-varones {
    font-size: 1.5em;
  }

  .boton-admision-amarillo {
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.7rem;
    color: #fff;
    padding: 1em;
  }

  .scroll-admision {
    visibility: visible;
    z-index: 100;
    right: -170px;
    top: 70%;
    width: 335px;
    transition: all 0.5s ease;
  }

  .scroll-admision div:first-child {
    background-color: white;
    padding: 59px 15px 50px 10px;
    /*Arriba derecha abajo izquierda*/
    background-color: #f9fafc;
  }

  .scroll-admision div:nth-child(2) {
    background-color: #b91833;
    padding: 5px;
    border-radius: 10px 0 0 10px;
    transition: all 0.5s ease;
  }

  .boton-guia-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .boton-tour-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .admision {
    font-size: 2em;
    text-align: center;
  }

  .espaciado-proceso {
    margin-top: 45%;
  }

  .fondo-verde {
    height: 300px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 112px;
  }
  
  .fondo-blanco {
    height: 350px;
    background-color: #EDECE9;
    padding-top: 25px;
    margin-top: 160px;
  }

  .margen-doc{
    margin-top: 74px;
    margin-left: 44px;
    font-size: 15px;
  }

  .margen-text-doc{
    margin-top: 105px;
  }

  .fondo-doc {
    background-image: url(/img/afamily/iconos/doc-img.png);
    background-repeat: no-repeat;
    margin-top: 41px;
  }

  .img-muneco{
      margin-top: 41px;
  }

  .img-muneco img{
    height: 450px;
}

  .desc-secundaria {
    font-size: 1.1em;
  }

  .titulo-princ h2 {
    font-size: 2em;
    font-weight: bold;
  }

  .titulo-princ-algarrobos {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 1.4em;
  }

  .titulo-princ-testimonios {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 2.4em;
  }

  .titulo-princ-testimonios-tit {
    font-size: 1.5em;
    padding-top: 2em;
    /* padding-bottom: 3em; */
  }

  .tam-franja-gris {
    margin-top: 6%;
    color: #fff;
    height: 100px;
    width: 100%;
    background-color: #eceded;
  }

  .franja-gris-ultnot {
    padding-top: 3.5em;
    padding-bottom: 1em;
  }

  .sub-ult-not {
    font-size: 1.2em;
  }

  .titulo-princ-testimonios-not {
    font-size: 2.5em;
    /* padding-bottom: 1.5em; */
  }

  .nav-noticias-tab {
    font-size: 0.9em;
  }

  .fecha-not {
    padding-left: 0;
    font-size: 1em;
  }

  .titulo-princ-testimonios-not-not {
    font-size: 1.2em;
    /* padding-bottom: 1em; */
  }

  .titulo-princ-testimonios-not-sub {
    font-size: 2.5em;
    margin-left: 0.5em;
    /* padding-bottom: 3em; */
  }

  .titulo-principios-educativos {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 2.5em;
  }

  .desc-testimonio {
    font-size: 1.4em;
    text-align: center;
    color: #fff;
    font-family: "Poppins";
    font-weight: 500;
  }

  .testimonios-text {
    font-size: 0.8em;
    color: #fff;
    padding: 1em;
    font-family: "Poppins";
    font-weight: normal;
  }

  .ver-testimonio a {
    font-size: 1.1em;
  }

  .border-testimonio {
    background: linear-gradient(90deg, #005c40, #006b66);
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    margin-top: 1em;
    height: 220px;
  }

  .separ-franja {
    padding-top: 13%;
  }

  .parrafo-tit-general {
    font-size: 1.5em;
  }

  .parrafo-general {
    font-size: 1.1em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .firma {
    font-size: 1.1em;
  }

  .parrafo-scroll {
    max-width: 600px;
  }

  .franja-iconos {
    position: relative;
    background: #005329;
    height: 100px;
    margin-bottom: 35%;
  }

  .cfooter {
    color: #fff;
    padding-top: 5em;
    margin-top: 4em;
    font-size: 1em;
  }

  .site-footer .scroll-top {
    top: 9%;
  }

  .descar-doc {
    font-size: 1em;
  }

  .about_title {
    font-size: 1.2em;
    font-weight: bold;
  }

  .content-sanjose h1 {
    font-size: 1.8em;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .titulo-bloque-olimpiadas {
    margin-left: 1.4em;
    font-size: 1.8em;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parrafo-bloque-olimpiadas {
    font-size: 0.9em;
    text-align: justify;
    padding-bottom: 1em;
    margin-left: 3em;
  }

  .bloque-ed-pers {
    width: 100%;
  }

  .fondo-circular {
    width: 100%;
    margin-bottom: 4em;
  }

  .bloque-ed-pers .contenido-inicial {
    left: 1em;
  }

  .infraestructura-servicios .owl-nav .owl-prev {
    left: -10px;
  }

  .infraestructura-servicios .owl-nav .owl-next {
    right: -10px;
  }

  .margen-deporte {
    margin-bottom: 3em;
    margin-top: -10em;
  }

  .titulo-servicios {
    font-size: 1.8em;
  }

  .desc-servicios {
    font-size: 1em;
  }

  .subtitulo-servicio {
    font-size: 1.5em;
  }

  .desc-servicioslist {
    font-size: 0.8em;
  }

  .fondo-adm {
    padding-bottom: 1em;
    padding-top: 7em;
  }

  .fondo-adm-benef {
    padding-top: 7em;
  }

  .fondo-verde-alumni {
    height: 250px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    font-weight: bold;
    /* margin-top: 190px; */
  }

  .titulo-copa {
    font-size: 2em;
  }

  .nombre-copa {
    font-size: 2.5em;
  }

  .promocion-copa {
    font-size: 1.5em;
  }

  .titulo-contactenos {
    font-size: 2.5em;
    color: #005f44;
    font-family: "Poppins";
    font-weight: bold;
    margin-top: 0.5em;
  }

  .datos-contacto {
    padding-left: 2em;
    padding-bottom: 2em;
  }

  .btn-play-porque {
    position: absolute;
    z-index: 1;
    top: 95%;
    left: 42%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque2 {
    position: absolute;
    z-index: 1;
    top: 245%;
    left: 39%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque3 {
    position: absolute;
    z-index: 1;
    top: 245%;
    left: 85%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .barra-secundaria {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }

  .barra-secundaria-afamily {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }

  .titulo-bloque {
    font-size: 1.5em;
  }

  .margen-bloque {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .margenes-bloque {
    margin-top: 2em;
  }

  .bloque-bienvenida {
    margin-top: 2em;
  }

  .margenes-bloque-abajo {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .separ-franja {
    padding-top: 11%;
  }

  .parrafo-bloque {
    font-size: 0.9em;
    font-weight: 400;
    font-family: Roboto;
    text-align: justify;
  }

  .galeria-zoom {
    padding-top: 4em;
  }

  .galeria-zoom-campus {
    padding-top: 0.5em;
  }

  .titulo-principal {
    font-size: 2.3em;
  }

  .noticias-text-porque {
    width: 90%;
  }

  .firma-alumni {
    font-size: 1.3em;
  }

  .cargo-alumni {
    font-size: 1em;
    font-style: italic;
  }

  .single_course .course_content a {
    font-size: 1.7em;
  }

  .single_course .course_content p {
    font-size: 0.9em;
  }

  .margen-boton-vermas {
    padding-left: 3em;
  }

  .header-carousel .owl-nav .owl-prev {
    top: 70%;
  }

  .header-carousel .owl-nav .owl-next {
    top: 70%;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 65%;
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 65%;
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .titulo-afamily {
    font-size: 2em;
  }

  .texto-afamily {
    width: 70%;
    top: 40%;
    transform: translate(-50%, -50%);
  }

  .frase-afamily {
    font-size: 1.1em;
  }

  .caja-verde-afamily {
    font-size: 1.1em;
  }

  .franja-afamily {
    height: 310px;
  }

  .franja-colores-afamily {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2em;
  }

  .thumb-cal-small {
    height: 100px;
  }

  .triangulo1 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 0.8em;
    line-height: 1.4rem;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(128% - 18rem - 5px);
    padding: 0 0.5rem;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel {
    padding-top: 4em;
  }

  .texto-afamily {
    width: 95%;
    top: 65%;
    transform: translate(-50%, -90%);
  }

  .titulo-afamily {
    font-size: 1.3em;
  }

  .caja-verde-afamily {
    width: 90%;
    font-size: 0.7em;
    text-align: center;
  }

  .franja-afamily {
    height: 220px;
  }

  .thumb-cal-small {
    height: 100px;
  }

  .triangulo1 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 1.2em;
    line-height: 1.4rem;
  }

  .slide_actividades {
    padding: 0.8em;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(110% - 18rem - 5px);
    padding: 0 0.5rem;
  }

  /*ESTILO SIMBOLOS AFAMILY*/
  .titulo-simbolo-afamily {
    font-size: 2em;
    margin-top: 0.5em;
  }

  .desc-simbolo-afamily {
    font-size: 1em;
    margin-top: 0.5em;
    width: 90%;
  }

  .margen-franja-simbolo-afamily {
    margin-top: 1em;
  }

  .bloque-simbolo {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo {
    visibility: hidden;
  }

  .bloque-simbolo-oro {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo-oro {
    visibility: hidden;
  }

  .bloque-simbolo-nave {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
  }

  .flecha-simbolo-nave {
    visibility: hidden;
  }

  .bloque-simbolo-sinople {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-sinople {
    visibility: hidden;
  }

  .bloque-simbolo-gules {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-top: 0;
    margin-bottom: 3em;
  }

  .flecha-simbolo-gules {
    visibility: hidden;
  }

  .bloque-simbolo-lema {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-lema {
    visibility: hidden;
  }

  .margen-titulo-benef-alumni {
    padding-top: 2em;
  }

  .titulo-beneficio-alumni {
    font-size: 2em;
    color: #00542b;
    font-weight: bold;
    text-align: justify;
  }

  .titulo-beneficioa {
    background-color: #eceded;
    height: 100px;
    text-align: center;
  }

  .titulo-beneficioa img {
    width: 50px;
  }

  .tit-acord-alumni {
    color: #00542b;
    font-weight: bold;
    font-size: 2em;
  }

  .form-floating-vuelve > label {
    font-size: 1em;
  }

  .page-header-vuelve-alumni {
    background: url(/img/fondo-vuelve-alumni.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .titulo-alumni-copa {
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    font-family: Poppins;
    text-align: center;
  }

  .titulo-alumni-desc-copa {
    margin-top: 1em;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
  }

  .titulo-alumni-beneficios {
    font-size: 3em;
  }

  .titulo-alumni-desc-beneficios {
    text-align: center;
    color: #585b5c;
    font-size: 1em;
    font-weight: bold;
  }

  .boton-1.adm-amarillo-alumni {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.9rem;
    color: #fff;
    padding: 0.7em;
  }

  .titulos-alumni h1 {
    font-family: Poppins;
    text-align: justify;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 2.2em;
    padding-left: 1em;
  }

  .titulo-linea-alumni h1:after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    /* margin: 1px auto -46px; */
    font-weight: bold;
  }

  .admision-alumni {
    margin-top: 4em;
  }

  .admision-alumni h2 {
    font-size: 2.3em;
  }

  .titulo-linea-porque {
    font-size: 1.5em !important;
    text-align: justify;
    color: #fff;
    margin-top: 0.5em;
  }

  .titulo-linea-porque::after {
    content: "";
    display: block;
    width: 40%;
    height: 3px;
    background: #e0af00;
    /* margin: 1px auto 25px; */
    text-align: justify;
  }

  .accordion-item {
    background-color: #fff;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #00542b;
    font-size: 0.8em;
  }

  /*** ACORDEON ***/
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    color: var(--bs-white);
    background: #00542b;
    font-size: 0.6em;
    border-radius: 30px;
  }

  .faq-section
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button.collapsed {
    color: #005c41;
    background: #d9dad9;
    font-weight: bold;
    border-radius: 30px;
  }

  .noticias2-porque {
    margin-top: 2em;
  }

  .border-testimonio-porque {
    background: rgb(0, 101, 85);
    border-top-right-radius: 100px;
    width: 80%;
    height: 454px;
  }

  .deportes-img-porque img {
    margin-bottom: 3%;
    margin-top: 1em;
    border-radius: 21px;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.35);
    width: 90%;
  }

  .porque {
    margin: 0;
    padding-left: 0;
    background: #006555;
    padding: 1em;
  }

  .fondo-dep {
    background-color: #eceded;
    background-image: url(/img/fondo-ceramica-blanco.png);
  }

  .deportes .deportes-img img {
    position: relative;
    /* width: 100%; */
    /* border-radius: 15px; */
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
    /* margin-bottom: 10%; */
  }

  .fondo-dep {
    background-color: #eceded;
    background-image: url(/img/fondo-ceramica-blanco.png);
  }

  .titulos2 h1 {
    font-family: Poppins;
    text-align: center;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 1.5em;
    font-weight: bold;
    font-size: 2.2em;
  }

  .testimony-wrap .icon {
    position: absolute;
    top: -59px;
    left: 26%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: #1ba12d;*/
  }

  .titulo-val {
    font-size: 2em;
    font-family: Alfa Slab One;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
  }

  .tit-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #d91a5c;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit2-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #39b44a;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit3-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #008674;
    padding-top: 0.9em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parraf-cuadro {
    font-size: 1em;
    text-align: center;
    font-family: Poppins;
  }

  .alto-video {
    padding-top: 11%;
  }

  .barra-directo {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .espaciado-proceso-alumni {
    /* margin-bottom: 72px; */
    margin-top: 70%;
  }

  .boton-1.adm-amarillo:hover {
    /* background-color: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000; */
  }

  .boton-2.adm-amarillo {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000;
    padding: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .boton-2 {
    border: 0;
    color: #000;
    /* padding: 0.6rem 0.5rem 0.6rem 2.5rem; */
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 0.8rem;
    /* font-weight: 600; */
  }

  .boton-1 {
    /* padding: 1rem 2rem 1rem 2rem; */
    font-size: 1rem;
  }

  .mobile-nav-toggle {
    display: block;
  }

  .logo-escudo a img {
    width: 210px;
  }

  .main-button-red a {
    font-size: 1em;
    color: rgb(231, 177, 27);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    padding: 6px 15px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
  }

  .main-button-red a:hover {
    color: #fff;
    background-color: rgb(231, 177, 27);
  }

  .main-button-yel a {
    font-size: 1em;
    color: rgb(35, 155, 151);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(35, 155, 151);
    padding: 5px 8px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
    margin-right: 0.5em;
  }

  .main-button-yel a:hover {
    color: #fff;
    background-color: rgb(35, 155, 151);
  }

  .right-icons ul li a img {
    width: 32px;
    height: 32px;
  }

  .fondo-verde {
    height: 300px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 158px;
  }

  .map-wrapper {
    width: 344px;
    height: 349px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    top: 178px;
    left: 4px;
  }

  .map-container {
    position: absolute;
    top: -96px;
    left: -234px;
    width: 201%;
    height: 100%;
    transition: transform 0.3s;
  }

  .smoothscroll.scroll-top img {
    /* width: 250px !important; */
  }

  .timeline > li {
    min-height: 170px;
  }

  .timeline > li .timeline-panel {
    padding: 0 20px 20px 100px;
  }

  .timeline > li .timeline-image {
    width: 170px;
    height: 170px;
    margin-left: -85px;
  }

  .timeline > li .timeline-image h4,
  .timeline > li .timeline-image .h4 {
    margin-top: 40px;
  }

  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 100px 20px 20px;
  }

  .titulo-linea {
    font-family: Poppins;
    color: #005c3f;
    font-size: 2em;
    font-weight: bold;
    padding-left: 0 !important;
    margin-bottom: 0.5em;
    text-align: center;
  }

  .titulo-linea::after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    margin: 1px auto 1px;
  }

  .noticias-img img {
    margin-bottom: 5%;
  }

  .page-header-nuestrocolegio7 {
    background: url(/img/fondo-actividades.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .page-header-admision {
    padding-top: 13%;
  }

  .espaciado-adm {
    /* padding-top: none; */
  }

  .espaciado-adm-req {
    /* padding-top: none; */
  }

  .espaciado-adm-inv {
    /* padding-top: none; */
  }

  .offer-section .nav a.accordion-link:active {
    /* background: #D71C5C; */
    border-radius: 20px;
    color: #fff;
    font-size: 1.5em;
    font-family: Poppins;
  }

  .bloque2 {
    position: relative;
    /* overflow: hidden; */
    background-color: #f1f2f2;
    border: 1px solid #ddd;
    border-radius: 50px;
    height: 400px;
    width: 100%;
    /* Altura fija para los bloques */
    padding: 20px;
    transition: all 0.5s ease;
    box-shadow: 7px 7px 12px 0 rgba(20, 20, 20, 0.3);
    /* Transición suave */
    margin-bottom: 15em;
  }
  .titulo-patrono-sjm{
    margin-top: 0.5em;
    font-size: 2.5em;
  }
  .btn-patrono-afamily {
    font-size: 0.9em;
  }
  .boton-mision {
    font-size: 0.9em;
  }
  .titulo-anio-secundaria {
    font-size: 1.8em;
  }
  .vinetas-consejo{
    font-size: 1.2em;
  }
  .numero-conteo-rojo {
    color: #BE1D2C;
    font-size: 4em;
  }
  .texto-conteo-rojo {
    color: #BE1D2C;
    font-size: 2em;
  }
  .numero-conteo-verde {
    color: #024524;
    font-size: 4em;
  }
  .texto-conteo-verde {
    color: #024524;
    font-size: 2em;
  }
  .numero-conteo-azul {
    color: #156195;
    font-size: 4em;
  }
  .texto-conteo-azul {
    color: #156195;
    font-size: 2em;
  }
  .numero-conteo-amarillo {
    color: #E3A83A;
    font-size: 4em;
  }
  .texto-conteo-amarillo {
    color: #E3A83A;
    font-size: 2em;
  }
  .acordeon-titulo{
    font-size: 1.5em;
  }
  .olimp-fondo-amarillo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .titulo-olimp{
    font-size: 1.8em; 
   }
   .descripcion-olimp{
    font-size: 0.9em; 
   }
   .olimp-fondo-rojo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-verde{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-azul{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .carousel-item img {
    /* margin-top: 27em; */
  }
  .margin-vinetas-af{
    margin-top: -25em; 
    position: relative;
    padding-left: 4em;
  }
  .tit-documentoa{
    font-size: 1.5em;        
  }
  .des-doca{
    font-size: 1em;  
  }
  .margen-slider-af{
    margin-top: 35em;
  }
  .cal-filters {
    bottom: -4em;
  }
  .bt-white {
    font-size: 0.8em;
    height: 2rem;
    padding: 0.5em 0 0 0;
    letter-spacing: 0.15em;
  }
  .tit-cal{
    font-size: 0.8em;
  }
  .desc-cal{
    font-size: 0.8em;
  }
  .tit-calendario2{
    font-size: 1.5em;
    text-align: center;
  }
  .tamanio-bloq-cal{
    width: 80%; 
    text-align: justify;
    font-family: 'Poppins'; 
    font-weight: 500; 
    font-size: 0.8em;
  }
 
  .thumb-cal5 {
    width: calc(38% - 1rem); 
    display: block;
    margin-right: 0;
  }
  .thumb-cal6 {
    width: calc(38% - 1rem);
    display: block;
    margin-right: 0;
}
.triangulo5 {
  left: -62px;
}
.triangulo6 {
  left: -62px;
}
.thumb-cal5 .date-txt5 {
  left: -126px;
}
.thumb-cal6 .date-txt6 {
  padding-right: 8em;
}
.thumb-cal6 .txt {
  width: 135px;
}
.tit-com-afamily{
  font-size: 3.5em;
}
.subt-com-afamily{
  font-size: 2.5em;
}
.tit-com-afamily{
  font-size: 2em;
}
.subt-com-afamily{
  font-size: 1.5em;
}
.titulo-comunidad-img {
  top: 45%;
  font-size: 2em;
}
.titulo-padre-af{
  font-size: 2em; 
  padding-left: 1em;
  padding-right: 1em;
}
.des-tit-af{
  font-size: 1em; 
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
}
.parrafo-bloq-af{
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
}
.tit-coord-af{
  margin-top: 1em;
}
}

@media only screen and (max-width: 1199.98px) and (min-width: 1050px) {
  /*Estilo para los accesos directos*/
  .barra-verde {
    background-color: #005c41;
    position: fixed !important;
    width: 100%;
    z-index: 997;
  }

  .barra-blanca {
    background: #fff;
    box-shadow: 0 1.5rem 1rem -0.8rem rgba(0, 0, 0, 0.1);
    position: fixed !important;
    margin-top: 2.4em;
    width: 100%;
    z-index: 997;
  }

  .logo-escudo a img {
    width: 100%;
  }

  .derecha-contenido a {
    font-size: 0.9em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
  }

  .right-icons a img {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    width: 22px;
  }

  .main-button-btn-matricula a {
    font-size: 1em;
    padding-right: 3px;
    padding-left: 3px;
  }

  .margen-top {
    padding-top: 8%;
  }

  .main-button-intranet a {
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    border-radius: 5px;
    color: rgb(231, 177, 27);
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
  }

  .main-button-intranet a:hover {
    background-color: #fff;
    border: 1px solid #e7b11b;
    color: rgb(231, 177, 27);
  }

  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }

  .navbar .dropdown .dropdown ul {
    left: calc(100% - 30px);
    top: 0;
    visibility: hidden;
  }

  .frase-varones {
    font-size: 1.5em;
  }

  .boton-admision-amarillo {
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.9rem;
    color: #fff;
    padding: 1em;
  }

  .scroll-admision {
    visibility: visible;
    z-index: 100;
    right: -215px;
    top: 70%;
    width: 335px;
    transition: all 0.5s ease;
  }

  .scroll-admision div:first-child {
    background-color: white;
    padding: 59px 15px 46px 10px;
    /*Arriba derecha abajo izquierda*/
    background-color: #f9fafc;
  }

  .scroll-admision div:nth-child(2) {
    background-color: #b91833;
    padding: 5px;
    border-radius: 10px 0 0 10px;
    transition: all 0.5s ease;
  }

  .boton-guia-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .boton-tour-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .admision {
    font-size: 2em;
    text-align: center;
  }

  .espaciado-proceso {
    margin-top: 35%;
  }

  .fondo-verde {
    height: 300px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 112px;
  }
  
  .fondo-blanco {
    height: 350px;
    background-color: #EDECE9;
    padding-top: 25px;
    margin-top: 160px;
  }

  .margen-doc{
    margin-top: 74px;
    margin-left: 44px;
    font-size: 15px;
  }

  .margen-text-doc{
    margin-top: 105px;
  }

  .fondo-doc {
    background-image: url(/img/afamily/iconos/doc-img.png);
    background-repeat: no-repeat;
    margin-top: 41px;
  }

  .img-muneco{
      margin-top: 41px;
  }

  .img-muneco img{
    height: 450px;
  }


  .desc-secundaria {
    font-size: 1.2em;
  }

  .titulo-princ h2 {
    font-size: 2em;
    font-weight: bold;
  }

  .titulo-princ-algarrobos {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 1.5em;
  }

  .titulo-princ-testimonios {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 2.3em;
  }

  .titulo-princ-testimonios-tit {
    font-size: 1.5em;
    padding-top: 2.5em;
    /* padding-bottom: 3em; */
  }

  .tam-franja-gris {
    margin-top: 6%;
    color: #fff;
    height: 100px;
    width: 100%;
    background-color: #eceded;
  }

  .franja-gris-ultnot {
    padding-top: 3.5em;
    padding-bottom: 1em;
  }

  .sub-ult-not {
    font-size: 1.2em;
  }

  .titulo-princ-testimonios-not {
    font-size: 2.5em;
    /* padding-bottom: 1.5em; */
  }

  .nav-noticias-tab {
    font-size: 1.2em;
  }

  .fecha-not {
    padding-left: 0;
    font-size: 1em;
  }

  .titulo-princ-testimonios-not-not {
    font-size: 1.2em;
    /* padding-bottom: 1em; */
  }

  .titulo-princ-testimonios-not-sub {
    font-size: 2.5em;
    margin-left: 0.5em;
    /* padding-bottom: 3em; */
  }

  .titulo-principios-educativos {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 2.5em;
  }

  .desc-testimonio {
    font-size: 1.4em;
    text-align: center;
    color: #fff;
    font-family: "Poppins";
    font-weight: 500;
  }

  .testimonios-text {
    font-size: 0.8em;
    color: #fff;
    padding: 1em;
    font-family: "Poppins";
    font-weight: normal;
  }

  .ver-testimonio a {
    font-size: 1.1em;
  }

  .border-testimonio {
    background: linear-gradient(90deg, #005c40, #006b66);
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    margin-top: 1.5em;
    height: 220px;
  }

  .separ-franja {
    padding-top: 12%;
  }

  .parrafo-tit-general {
    font-size: 1.5em;
  }

  .parrafo-general {
    font-size: 1.2em;
  }

  .firma {
    font-size: 1.1em;
  }

  .parrafo-scroll {
    max-width: 600px;
  }

  .franja-iconos {
    position: relative;
    background: #005329;
    height: 100px;
    margin-bottom: 35%;
  }

  .cfooter {
    color: #fff;
    padding-top: 5em;
    margin-top: 4em;
    font-size: 1em;
  }

  .site-footer .scroll-top {
    top: 9%;
  }

  .descar-doc {
    font-size: 1em;
  }

  .about_title {
    font-size: 1.2em;
    font-weight: bold;
  }

  .content-sanjose h1 {
    font-size: 1.8em;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .titulo-bloque-olimpiadas {
    margin-left: 1.5em;
    font-size: 1.8em;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parrafo-bloque-olimpiadas {
    font-size: 0.9em;
    text-align: justify;
    padding-bottom: 1em;
    margin-left: 3em;
  }

  .bloque-ed-pers {
    width: 100%;
  }

  .fondo-circular {
    width: 100%;
    margin-bottom: 4em;
  }

  .bloque-ed-pers .contenido-inicial {
    left: 1em;
  }

  .infraestructura-servicios .owl-nav .owl-prev {
    left: -10px;
  }

  .infraestructura-servicios .owl-nav .owl-next {
    right: -10px;
  }

  .margen-deporte {
    margin-bottom: 3em;
    margin-top: -10em;
  }

  .titulo-servicios {
    font-size: 2.2em;
  }

  .desc-servicios {
    font-size: 1.2em;
  }

  .subtitulo-servicio {
    font-size: 1.7em;
  }

  .desc-servicioslist {
    font-size: 1em;
  }

  .fondo-adm {
    padding-bottom: 1em;
    padding-top: 7em;
  }

  .fondo-adm-benef {
    padding-top: 7em;
  }

  .fondo-verde-alumni {
    height: 275px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    font-weight: bold;
    /* margin-top: 190px; */
  }

  .titulo-copa {
    font-size: 2em;
  }

  .nombre-copa {
    font-size: 2.5em;
  }

  .promocion-copa {
    font-size: 1.5em;
  }

  .titulo-contactenos {
    font-size: 2.5em;
    color: #005f44;
    font-family: "Poppins";
    font-weight: bold;
    margin-top: 0.5em;
  }

  .datos-contacto {
    padding-left: 2em;
    padding-bottom: 2em;
  }

  .titulo-linea-porque {
    font-size: 1.5em !important;
    text-align: justify;
    color: #fff;
    margin-top: 0.5em;
  }

  .titulo-linea-porque::after {
    content: "";
    display: block;
    width: 40%;
    height: 3px;
    background: #e0af00;
    /* margin: 1px auto 25px; */
    text-align: justify;
  }

  .btn-play-porque {
    position: absolute;
    z-index: 1;
    top: 93%;
    left: 42%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque2 {
    position: absolute;
    z-index: 1;
    top: 245%;
    left: 38%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque3 {
    position: absolute;
    z-index: 1;
    top: 245%;
    left: 85%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .barra-secundaria {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }
  .barra-secundaria-afamily {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }

  .titulo-bloque {
    font-size: 1.5em;
  }

  .margen-bloque {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .margenes-bloque {
    margin-top: 2em;
  }

  .bloque-bienvenida {
    margin-top: 2em;
  }

  .margenes-bloque-abajo {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .separ-franja {
    padding-top: 11%;
  }

  .parrafo-bloque {
    font-size: 0.9em;
    font-weight: 400;
    font-family: Roboto;
    text-align: justify;
  }

  .galeria-zoom {
    padding-top: 4em;
  }

  .galeria-zoom-campus {
    padding-top: 0em;
  }

  .titulo-principal {
    font-size: 2.3em;
  }

  .noticias-text-porque {
    width: 80%;
  }

  .firma-alumni {
    font-size: 1.3em;
  }

  .cargo-alumni {
    font-size: 1em;
    font-style: italic;
  }

  .single_course .course_content a {
    font-size: 1.7em;
  }

  .single_course .course_content p {
    font-size: 0.9em;
  }

  .margen-boton-vermas {
    padding-left: 4em;
  }

  .header-carousel .owl-nav .owl-prev {
    top: 70%;
  }

  .header-carousel .owl-nav .owl-next {
    top: 70%;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 65%;
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 65%;
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .titulo-afamily {
    font-size: 2em;
  }

  .texto-afamily {
    width: 70%;
    top: 40%;
    transform: translate(-50%, -50%);
  }

  .frase-afamily {
    font-size: 1.1em;
  }

  .caja-verde-afamily {
    font-size: 1.1em;
  }

  .franja-afamily {
    height: 310px;
  }

  .franja-colores-afamily {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2em;
  }

  .thumb-cal-small {
    height: 100px;
  }

  .triangulo1 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 1em;
    line-height: 1.4rem;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(128% - 18rem - 5px);
    padding: 0 0.5rem;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 60%;
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .header-carousel {
    padding-top: 4em;
  }

  .texto-afamily {
    width: 95%;
    top: 65%;
    transform: translate(-50%, -90%);
  }

  .titulo-afamily {
    font-size: 1.3em;
  }

  .caja-verde-afamily {
    width: 90%;
    font-size: 0.7em;
    text-align: center;
  }

  .franja-afamily {
    height: 220px;
  }

  .thumb-cal-small {
    height: 100px;
  }

  .triangulo1 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 1.2em;
    line-height: 1.4rem;
  }

  .slide_actividades {
    padding: 0.8em;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(110% - 18rem - 5px);
    padding: 0 0.5rem;
  }

  /*ESTILO SIMBOLOS AFAMILY*/
  .titulo-simbolo-afamily {
    font-size: 2em;
    margin-top: 0.5em;
  }

  .desc-simbolo-afamily {
    font-size: 1em;
    margin-top: 0.5em;
    width: 90%;
  }

  .margen-franja-simbolo-afamily {
    margin-top: 1em;
  }

  .bloque-simbolo {
    width: 300px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo {
    visibility: hidden;
  }

  .bloque-simbolo-oro {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 1em;
  }

  .flecha-simbolo-oro {
    visibility: hidden;
  }

  .bloque-simbolo-nave {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
  }

  .flecha-simbolo-nave {
    visibility: hidden;
  }

  .bloque-simbolo-sinople {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-sinople {
    visibility: hidden;
  }

  .bloque-simbolo-gules {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-top: 0;
    margin-bottom: 3em;
  }

  .flecha-simbolo-gules {
    visibility: hidden;
  }

  .bloque-simbolo-lema {
    width: 700px;
    padding: 5px;
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 1;
    margin-bottom: 0;
  }

  .flecha-simbolo-lema {
    visibility: hidden;
  }

  .margen-titulo-benef-alumni {
    padding-top: 2em;
  }

  .titulo-beneficio-alumni {
    font-size: 2em;
    color: #00542b;
    font-weight: bold;
    text-align: justify;
  }

  .titulo-beneficioa {
    background-color: #eceded;
    height: 100px;
    text-align: center;
  }

  .titulo-beneficioa img {
    width: 50px;
  }

  .tit-acord-alumni {
    color: #00542b;
    font-weight: bold;
    font-size: 2em;
  }

  .form-floating-vuelve > label {
    font-size: 1em;
  }

  .page-header-vuelve-alumni {
    background: url(/img/fondo-vuelve-alumni.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .titulo-alumni-copa {
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    font-family: Poppins;
    text-align: center;
  }

  .titulo-alumni-desc-copa {
    margin-top: 1em;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
  }

  .titulo-alumni-beneficios {
    font-size: 3em;
  }

  .titulo-alumni-desc-beneficios {
    text-align: center;
    color: #585b5c;
    font-size: 1em;
    font-weight: bold;
  }

  .boton-1.adm-amarillo-alumni {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.9rem;
    color: #fff;
    padding: 0.7em;
  }

  .titulos-alumni h1 {
    font-family: Poppins;
    text-align: justify;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 2.2em;
    padding-left: 1em;
  }

  .titulo-linea-alumni h1:after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    /* margin: 1px auto -46px; */
    font-weight: bold;
  }

  .admision-alumni {
    margin-top: 4em;
  }

  .admision-alumni h2 {
    font-size: 2.3em;
  }

  .accordion-item {
    background-color: #fff;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #00542b;
    font-size: 0.8em;
  }

  /*** ACORDEON ***/
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    color: var(--bs-white);
    background: #00542b;
    font-size: 0.6em;
    border-radius: 30px;
  }

  .faq-section
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button.collapsed {
    color: #005c41;
    background: #d9dad9;
    font-weight: bold;
    border-radius: 30px;
  }

  .noticias2-porque {
    margin-top: 2em;
  }

  .border-testimonio-porque {
    background: rgb(0, 101, 85);
    border-top-right-radius: 100px;
    width: 80%;
    height: 454px;
  }

  .deportes-img-porque img {
    margin-bottom: 3%;
    margin-top: 1em;
    border-radius: 21px;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.35);
    width: 90%;
  }

  .porque {
    margin: 0;
    padding-left: 0;
    background: #006555;
    padding: 1em;
  }

  .fondo-dep {
    background-color: #eceded;
    background-image: url(/img/fondo-ceramica-blanco.png);
  }

  .parrafo p {
    font-size: 1em;
    padding-top: 1.2em;
    font-weight: 400px;
    text-align: justify;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    font-family: Poppins;
  }

  .titulos2 h1 {
    font-family: Poppins;
    text-align: center;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 1.5em;
    font-weight: bold;
    font-size: 2.3em;
  }

  .testimony-wrap .icon {
    position: absolute;
    top: -59px;
    left: 26%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: #1ba12d;*/
  }

  .titulo-val {
    font-size: 2em;
    font-family: Poppins;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
  }

  .tit-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #d91a5c;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit2-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #39b44a;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit3-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #008674;
    padding-top: 0.9em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parraf-cuadro {
    font-size: 1em;
    text-align: center;
    font-family: Poppins;
  }

  .alto-video {
    padding-top: 10%;
  }

  .barra-directo {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .espaciado-proceso-alumni {
    /* margin-bottom: 140px; */
    margin-top: 70%;
  }

  .boton-1.adm-amarillo:hover {
    /* background-color: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000; */
  }

  .boton-2.adm-amarillo {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000;
    padding: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .boton-2 {
    border: 0;
    color: #000;
    /* padding: 0.6rem 0.5rem 0.6rem 2.5rem; */
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 0.8rem;
    /* font-weight: 600; */
  }

  .boton-1 {
    /* padding: 1rem 2rem 1rem 2rem; */
    font-size: 1rem;
  }

  .mobile-nav-toggle {
    display: block;
  }

  .logo-escudo a img {
    width: 210px;
  }

  .main-button-red a {
    font-size: 1em;
    color: rgb(231, 177, 27);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    padding: 6px 15px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
  }

  .main-button-red a:hover {
    color: #fff;
    background-color: rgb(231, 177, 27);
  }

  .main-button-yel a {
    font-size: 1em;
    color: rgb(35, 155, 151);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(35, 155, 151);
    padding: 5px 8px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
    margin-right: 0.5em;
  }

  .main-button-yel a:hover {
    color: #fff;
    background-color: rgb(35, 155, 151);
  }

  .right-icons ul li a img {
    width: 32px;
    height: 32px;
  }

  .fondo-verde {
    height: 387px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 158px;
  }
  .fondo-blanco {
    height: 350px;
    background-color: #EDECE9;
    padding-top: 25px;
    margin-top: 160px;
  }

  .margen-doc{
    margin-top: 74px;
    margin-left: 44px;
    font-size: 15px;
  }

  .margen-text-doc{
    margin-top: 105px;
  }

  .fondo-doc {
    background-image: url(/img/afamily/iconos/doc-img.png);
    background-repeat: no-repeat;
    margin-top: 41px;
  }

  .img-muneco{
      margin-top: 41px;
  }

  .img-muneco img{
    height: 450px;
  }

  .map-wrapper {
    width: 344px;
    height: 349px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    top: 178px;
    left: 4px;
  }

  .map-container {
    position: absolute;
    top: -96px;
    left: -234px;
    width: 201%;
    height: 100%;
    transition: transform 0.3s;
  }

  .smoothscroll.scroll-top img {
    /* width: 250px !important; */
  }

  .timeline > li {
    min-height: 170px;
  }

  .timeline > li .timeline-panel {
    padding: 0 20px 20px 100px;
  }

  .timeline > li .timeline-image {
    width: 170px;
    height: 170px;
    margin-left: -85px;
  }

  .timeline > li .timeline-image h4,
  .timeline > li .timeline-image .h4 {
    margin-top: 40px;
  }

  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 100px 20px 20px;
  }

  .titulo-linea {
    font-family: Poppins;
    color: #005c3f;
    font-size: 2.5em;
    font-weight: bold;
    padding-left: 0 !important;
    margin-bottom: 0.5em;
    text-align: center;
  }

  .titulo-linea::after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    margin: 1px auto 1px;
  }

  .noticias-img img {
    margin-bottom: 5%;
  }

  .page-header-nuestrocolegio7 {
    background: url(/img/fondo-actividades.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .page-header-admision {
    padding-top: 12%;
  }

  .espaciado-adm {
    /* padding-top: none; */
  }

  .espaciado-adm-req {
    /* padding-top: none; */
  }

  .espaciado-adm-inv {
    /* padding-top: none; */
  }

  .offer-section .nav a.accordion-link:active {
    /* background: #D71C5C; */
    border-radius: 20px;
    color: #fff;
    font-size: 1.5em;
    font-family: Poppins;
  }

  .bloque2 {
    position: relative;
    /* overflow: hidden; */
    background-color: #f1f2f2;
    border: 1px solid #ddd;
    border-radius: 50px;
    height: 400px;
    width: 100%;
    /* Altura fija para los bloques */
    padding: 20px;
    transition: all 0.5s ease;
    box-shadow: 7px 7px 12px 0 rgba(20, 20, 20, 0.3);
    /* Transición suave */
    margin-bottom: 15em;
  }
  .titulo-patrono-sjm{
    margin-top: 0.5em;
    font-size: 3em;
  }
  .btn-patrono-afamily {
    font-size: 0.9em;
  }
  .boton-mision {
    font-size: 0.9em;
  }
  .titulo-anio-secundaria {
    font-size: 1.8em;
  }
  .vinetas-consejo{
    font-size: 1.2em;
  }
  .numero-conteo-rojo {
    color: #BE1D2C;
    font-size: 4em;
  }
  .texto-conteo-rojo {
    color: #BE1D2C;
    font-size: 2em;
  }
  .numero-conteo-verde {
    color: #024524;
    font-size: 4em;
  }
  .texto-conteo-verde {
    color: #024524;
    font-size: 2em;
  }
  .numero-conteo-azul {
    color: #156195;
    font-size: 4em;
  }
  .texto-conteo-azul {
    color: #156195;
    font-size: 2em;
  }
  .numero-conteo-amarillo {
    color: #E3A83A;
    font-size: 4em;
  }
  .texto-conteo-amarillo {
    color: #E3A83A;
    font-size: 2em;
  }
  .acordeon-titulo{
    font-size: 1.5em;
  }
  .olimp-fondo-amarillo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .titulo-olimp{
    font-size: 1.8em; 
   }
   .descripcion-olimp{
    font-size: 0.9em; 
   }
   .olimp-fondo-rojo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-verde{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-azul{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .carousel-item img {
    /* margin-top: 27em; */
  }
  .margin-vinetas-af{
    margin-top: -25em; 
    position: relative;
    padding-left: 5em;
  }
  .tit-documentoa{
    font-size: 1.5em;        
  }
  .des-doca{
    font-size: 1em;  
  }
  .margen-slider-af{
    margin-top: 35em;
  }
  .cal-filters {
    bottom: -4em;
  }
  .bt-white {
    font-size: 0.8em;
    height: 2rem;
    padding: 0.5em 0 0 0;
    letter-spacing: 0.15em;
  }
  .tit-cal{
    font-size: 0.8em;
  }
  .desc-cal{
    font-size: 0.8em;
  }
  .tit-calendario2{
    font-size: 1.5em;
    text-align: center;
  }
  .tamanio-bloq-cal{
    width: 80%; 
    text-align: justify;
    font-family: 'Poppins'; 
    font-weight: 500; 
    font-size: 0.8em;
  }
 
  .thumb-cal5 {
    width: calc(36% - 1rem); 
    display: block;
    margin-right: 0;
  }
  .thumb-cal6 {
    width: calc(36% - 1rem);
    display: block;
    margin-right: 0;
}
.triangulo5 {
  left: -62px;
}
.triangulo6 {
  left: -62px;
}
.thumb-cal5 .date-txt5 {
  left: -126px;
}
.thumb-cal6 .date-txt6 {
  padding-right: 8em;
}
.thumb-cal6 .txt {
  width: 135px;
}
.tit-com-afamily{
  font-size: 3.5em;
}
.subt-com-afamily{
  font-size: 2.5em;
}
.tit-com-afamily{
  font-size: 2em;
}
.subt-com-afamily{
  font-size: 1.5em;
}
.titulo-comunidad-img {
  top: 45%;
  font-size: 2em;
}
.titulo-padre-af{
  font-size: 2.1em; 
  padding-left: 0.5em;
  padding-right: 1em;
}
.des-tit-af{
  font-size: 1em; 
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
}
.parrafo-bloq-af{
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
}
.tit-coord-af{
  margin-top: 0em;
}

}

@media only screen and (max-width: 1399.98px) and (min-width: 1200px) {
  /*Estilo para los accesos directos*/
  .barra-verde {
    background-color: #005c41;
    position: fixed !important;
    width: 100%;
    z-index: 997;
  }

  .barra-blanca {
    background: #fff;
    box-shadow: 0 1.5rem 1rem -0.8rem rgba(0, 0, 0, 0.1);
    position: fixed !important;
    margin-top: 3em;
    width: 100%;
    z-index: 997;
  }

  .logo-escudo a img {
    width: 100%;
  }

  .derecha-contenido a {
    font-size: 0.9em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
  }

  .right-icons a img {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    width: 32px;
  }

  .main-button-btn-matricula a {
    font-size: 0.8em;
    padding-right: 3px;
    padding-left: 3px;
  }

  .margen-top {
    padding-top: 8%;
  }

  .main-button-intranet a {
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    border-radius: 5px;
    color: rgb(231, 177, 27);
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
  }

  .main-button-intranet a:hover {
    background-color: #fff;
    border: 1px solid #e7b11b;
    color: rgb(231, 177, 27);
  }

  .navbar ul {
    color: #1a1814;
    font-size: 0.9em;
    padding: 10px 2px;
  }

  .navbar .dropdown .dropdown ul {
    left: calc(100% - 30px);
    top: 0;
    visibility: hidden;
  }

  .frase-varones {
    font-size: 1.5em;
  }

  .boton-admision-amarillo {
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.9rem;
    color: #fff;
    padding: 1em;
  }

  .scroll-admision {
    visibility: visible;
    z-index: 100;
    right: -215px;
    top: 70%;
    width: 335px;
    transition: all 0.5s ease;
  }

  .scroll-admision div:first-child {
    background-color: white;
    padding: 59px 15px 42px 10px;
    /*Arriba derecha abajo izquierda*/
    background-color: #f9fafc;
  }

  .scroll-admision div:nth-child(2) {
    background-color: #b91833;
    padding: 5px;
    border-radius: 10px 0 0 10px;
    transition: all 0.5s ease;
  }

  .boton-guia-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .boton-tour-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .admision {
    font-size: 2em;
    text-align: center;
  }

  .espaciado-proceso {
    margin-top: 48%;
  }

  .fondo-verde {
    height: 387px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 158px;
  }

  .desc-secundaria {
    font-size: 1.2em;
  }

  .titulo-princ h2 {
    font-size: 2.2em;
    font-weight: bold;
  }

  .titulo-princ-algarrobos {
    font-size: 2em;
    font-weight: bold;
    padding-bottom: 1.2em;
  }

  .titulo-princ-testimonios {
    font-size: 2em;
    font-weight: bold;
    padding-bottom: 1.8em;
  }

  .titulo-princ-testimonios-tit {
    font-size: 1.5em;
    padding-top: 2.8em;
    /* padding-bottom: 3em; */
  }

  .tam-franja-gris {
    margin-top: 6%;
    color: #fff;
    height: 120px;
    width: 100%;
    background-color: #eceded;
  }

  .franja-gris-ultnot {
    padding-top: 3.5em;
    padding-bottom: 1em;
  }

  .sub-ult-not {
    font-size: 1.2em;
  }

  .titulo-princ-testimonios-not {
    font-size: 2.5em;
    /* padding-bottom: 1.5em; */
  }

  .nav-noticias-tab {
    font-size: 1.2em;
  }

  .fecha-not {
    padding-left: 0;
    font-size: 1em;
  }

  .titulo-princ-testimonios-not-not {
    font-size: 1.2em;
    /* padding-bottom: 1em; */
  }

  .titulo-princ-testimonios-not-sub {
    font-size: 2.5em;
    margin-left: 0.5em;
    /* padding-bottom: 3em; */
  }

  .titulo-principios-educativos {
    font-size: 2em;
    font-weight: bold;
    padding-bottom: 2.5em;
  }

  .desc-testimonio {
    font-size: 1.8em;
    text-align: center;
    color: #fff;
    font-family: "Poppins";
    font-weight: 500;
  }

  .testimonios-text {
    font-size: 1em;
    color: #fff;
    padding: 1em;
    font-family: "Poppins";
    font-weight: normal;
  }

  .ver-testimonio a {
    font-size: 1em;
  }

  .border-testimonio {
    background: linear-gradient(90deg, #005c40, #006b66);
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    margin-top: 2.5em;
    height: 240px;
  }

  .separ-franja {
    padding-top: 11%;
  }

  .parrafo-tit-general {
    font-size: 1.5em;
  }

  .parrafo-general {
    font-size: 1.2em;
  }

  .firma {
    font-size: 1.1em;
  }

  .parrafo-scroll {
    max-width: 600px;
  }

  .franja-iconos {
    position: relative;
    background: #005329;
    height: 100px;
    margin-bottom: 35%;
  }

  .cfooter {
    color: #fff;
    padding-top: 5em;
    margin-top: 4em;
    font-size: 1em;
  }

  .site-footer .scroll-top {
    top: 9%;
  }

  .descar-doc {
    font-size: 1em;
  }

  .about_title {
    font-size: 1.2em;
    font-weight: bold;
  }

  .content-sanjose h1 {
    font-size: 2em;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .titulo-bloque-olimpiadas {
    margin-left: 1em;
    font-size: 1.8em;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parrafo-bloque-olimpiadas {
    font-size: 0.9em;
    text-align: justify;
    padding-bottom: 1em;
    margin-left: 2em;
  }

  .bloque-ed-pers {
    width: 70%;
  }

  .fondo-circular {
    width: 100%;
  }

  .bloque-ed-pers .contenido-inicial {
    left: 1em;
  }

  .infraestructura-servicios .owl-nav .owl-prev {
    left: -10px;
  }

  .infraestructura-servicios .owl-nav .owl-next {
    right: -10px;
  }

  .margen-deporte {
    margin-bottom: 3em;
    margin-top: -10em;
  }

  .titulo-servicios {
    font-size: 2.2em;
  }

  .desc-servicios {
    font-size: 1.2em;
  }

  .subtitulo-servicio {
    font-size: 1.7em;
  }

  .desc-servicioslist {
    font-size: 1em;
  }

  .fondo-adm {
    padding-bottom: 1em;
    padding-top: 8em;
  }

  .fondo-adm-benef {
    padding-top: 7em;
  }

  .fondo-verde-alumni {
    height: 245px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    font-weight: bold;
    /* margin-top: 190px; */
  }

  .espaciado-proceso-alumni {
    /* margin-bottom: 50px; */
    margin-top: 48%;
  }

  .titulo-copa {
    font-size: 2em;
  }

  .nombre-copa {
    font-size: 2.5em;
  }

  .promocion-copa {
    font-size: 1.5em;
  }

  .titulo-contactenos {
    font-size: 2.5em;
    color: #005f44;
    font-family: "Poppins";
    font-weight: bold;
    margin-top: 0.5em;
  }

  .datos-contacto {
    padding-left: 2em;
    padding-bottom: 2em;
  }

  .titulo-linea-porque {
    font-size: 1.5em !important;
    text-align: justify;
    color: #fff;
    margin-top: 0.5em;
  }

  .titulo-linea-porque::after {
    content: "";
    display: block;
    width: 40%;
    height: 3px;
    background: #e0af00;
    /* margin: 1px auto 25px; */
    text-align: justify;
  }

  .btn-play-porque {
    position: absolute;
    z-index: 1;
    top: 99%;
    left: 43%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque2 {
    position: absolute;
    z-index: 1;
    top: 262%;
    left: 40%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque3 {
    position: absolute;
    z-index: 1;
    top: 262%;
    left: 80%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .barra-secundaria {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }
  
  .barra-secundaria-afamily {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center !important;
    padding-top: 3.5em;
    padding-bottom: 2em;
    color: #fff;
  }
  .titulo-bloque {
    font-size: 1.5em;
  }

  .margen-bloque {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .margenes-bloque {
    margin-top: 2em;
  }

  .bloque-bienvenida {
    margin-top: 2em;
  }

  .margenes-bloque-abajo {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .separ-franja {
    padding-top: 11%;
  }

  .parrafo-bloque {
    font-size: 0.9em;
    font-weight: 400;
    font-family: Roboto;
    text-align: justify;
  }

  .galeria-zoom {
    padding-top: 2em;
  }

  .galeria-zoom-campus {
    padding-top: 0.5em;
  }

  .titulo-principal {
    font-size: 2.5em;
  }

  .noticias-text-porque {
    width: 80%;
  }

  .firma-alumni {
    font-size: 1.3em;
  }

  .cargo-alumni {
    font-size: 1em;
    font-style: italic;
  }

  .single_course .course_content a {
    font-size: 1.7em;
  }

  .single_course .course_content p {
    font-size: 0.9em;
  }

  .margen-boton-vermas {
    padding-left: 3em;
  }

  .header-carousel .owl-nav .owl-prev {
    top: 50%;
  }

  .header-carousel .owl-nav .owl-next {
    top: 50%;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 65%;
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 65%;
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .titulo-afamily {
    font-size: 2em;
  }

  .texto-afamily {
    width: 70%;
    top: 40%;
    transform: translate(-50%, -50%);
  }

  .frase-afamily {
    font-size: 1.1em;
  }

  .caja-verde-afamily {
    font-size: 1.1em;
  }

  .franja-afamily {
    height: 310px;
  }

  .franja-colores-afamily {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2em;
  }

  .thumb-cal-small {
    height: 100px;
  }

  .triangulo1 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 1em;
    line-height: 1.4rem;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(120% - 18rem - 5px);
    padding: 0 0.5rem;
  }

  /*ESTILO SIMBOLOS AFAMILY*/
  .titulo-simbolo-afamily {
    font-size: 4em;
    margin-top: 1em;
  }

  .desc-simbolo-afamily {
    font-size: 1.8em;
    margin-top: 0.5em;
    width: 70%;
  }

  .margen-franja-simbolo-afamily {
    margin-top: 4em;
  }

  .bloque-simbolo {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: 120px;
  }

  .bloque-simbolo-oro {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: 120px;
  }

  .bloque-simbolo-nave {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: 120px;
  }

  .bloque-simbolo-sinople {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: -64px;
  }

  .bloque-simbolo-gules {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: -64px;
  }

  .bloque-simbolo-lema {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: -64px;
  }

  .margen-titulo-benef-alumni {
    padding-top: 2em;
  }

  .titulo-beneficio-alumni {
    font-size: 2em;
    color: #00542b;
    font-weight: bold;
    text-align: justify;
  }

  .titulo-beneficioa {
    background-color: #eceded;
    height: 100px;
    text-align: center;
  }

  .titulo-beneficioa img {
    width: 50px;
  }

  .tit-acord-alumni {
    color: #00542b;
    font-weight: bold;
    font-size: 2em;
  }

  .form-floating-vuelve > label {
    font-size: 1em;
  }

  .page-header-vuelve-alumni {
    background: url(/img/fondo-vuelve-alumni.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .titulo-alumni-copa {
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    font-family: Poppins;
    text-align: center;
  }

  .titulo-alumni-desc-copa {
    margin-top: 1em;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
  }

  .titulo-alumni-beneficios {
    font-size: 3em;
  }

  .titulo-alumni-desc-beneficios {
    text-align: center;
    color: #585b5c;
    font-size: 1em;
    font-weight: bold;
  }

  .boton-1.adm-amarillo-alumni {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.9rem;
    color: #fff;
    padding: 0.7em;
  }

  .titulos-alumni h1 {
    font-family: Poppins;
    text-align: justify;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 2.2em;
    padding-left: 1em;
  }

  .titulo-linea-alumni h1:after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    /* margin: 1px auto -46px; */
    font-weight: bold;
  }

  .admision-alumni {
    margin-top: 4em;
  }

  .admision-alumni h2 {
    font-size: 3em;
  }

  .accordion-item {
    background-color: #fff;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #00542b;
    font-size: 0.8em;
  }

  /*** ACORDEON ***/
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    color: var(--bs-white);
    background: #00542b;
    font-size: 0.6em;
    border-radius: 30px;
  }

  .faq-section
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button.collapsed {
    color: #005c41;
    background: #d9dad9;
    font-weight: bold;
    border-radius: 30px;
  }

  .noticias2-porque {
    margin-top: 2em;
  }

  .border-testimonio-porque {
    background: rgb(0, 101, 85);
    border-top-right-radius: 100px;
    width: 80%;
    height: 454px;
  }

  .deportes-img-porque img {
    margin-bottom: 3%;
    margin-top: 1em;
    border-radius: 21px;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.35);
    width: 90%;
  }

  .porque {
    margin: 0;
    padding-left: 0;
    background: #006555;
    padding: 1em;
  }

  .fondo-dep {
    background-color: #eceded;
    background-image: url(/img/fondo-ceramica-blanco.png);
  }

  .parrafo p {
    font-size: 1em;
    padding-top: 1.2em;
    font-weight: 400px;
    text-align: justify;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    font-family: Poppins;
  }

  .titulos2 h1 {
    font-family: Poppins;
    text-align: center;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 1.5em;
    font-weight: bold;
    font-size: 2.4em;
  }

  .testimony-wrap .icon {
    position: absolute;
    top: -59px;
    left: 26%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: #1ba12d;*/
  }

  .titulo-val {
    font-size: 2em;
    font-family: Poppins;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
  }

  .tit-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #d91a5c;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit2-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #39b44a;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit3-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #008674;
    padding-top: 0.9em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parraf-cuadro {
    font-size: 1em;
    text-align: center;
    font-family: Poppins;
  }

  .alto-video {
    padding-top: 11%;
  }

  .barra-directo {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .boton-1.adm-amarillo:hover {
    /* background-color: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000; */
  }

  .boton-2.adm-amarillo {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000;
    padding: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .boton-2 {
    border: 0;
    color: #000;
    /* padding: 0.6rem 0.5rem 0.6rem 2.5rem; */
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 0.8rem;
    /* font-weight: 600; */
  }

  .hero-wrap.hero-wrap-2 {
    height: 300px;
    margin-top: 16%;
  }

  .right-icons ul li a img {
    width: 32px;
    height: 32px;
  }

  .map-wrapper {
    width: 372px;
    height: 303px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    top: 355px;
    left: 25px;
  }

  .map-container {
    position: absolute;
    top: -110px;
    left: -377px;
    width: 319%;
    height: 100%;
    transition: transform 0.3s;
  }

  .fondo-verde {
    height: 370px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 112px;
  }
  .fondo-blanco {
    height: 350px;
    background-color: #EDECE9;
    padding-top: 25px;
    margin-top: 160px;
  }

  .margen-doc{
    margin-top: 74px;
    margin-left: 44px;
    font-size: 15px;
  }

  .margen-text-doc{
    margin-top: 105px;
  }

  .fondo-doc{
    background-image: url(/img/afamily/iconos/doc-img.png);
    background-repeat: no-repeat;
    margin-top: 41px;
  }

  .img-muneco{
      margin-top: 41px;
  }

  .img-muneco img{
    height: 450px;
  }

  .alineacion-proceso {
    margin-top: 0% !important;
    /* margin-left: 23%; */
  }

  .boton-1 {
    /* padding: 0.6rem 1rem 0.6rem 0.4rem; */
  }

  .titulo-linea {
    font-family: Poppins;
    color: #005c3f;
    font-size: 2.5em;
    font-weight: bold;
    padding-left: 0 !important;
    margin-bottom: 0.5em;
    text-align: center;
  }

  .titulo-linea::after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    margin: 1px auto 1px;
  }

  .noticias-img img {
    margin-bottom: 5%;
  }

  .image-container {
    margin-top: -161px !important;
  }

  .img-ex {
    margin-bottom: 2%;
  }

  .page-header-nuestrocolegio7 {
    background: url(/img/fondo-actividades.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .page-header-admision {
    padding-top: 11%;
  }

  .main-button-red a {
    font-size: 0.8em;
    color: rgb(231, 177, 27);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    padding: 4px 6px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
  }

  .main-button-red a:hover {
    color: #fff;
    background-color: rgb(231, 177, 27);
  }

  .main-button-yel a {
    font-size: 0.8em;
    color: rgb(35, 155, 151);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(35, 155, 151);
    padding: 3px 3px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
    margin-right: 0.5em;
  }

  .main-button-yel a:hover {
    color: #fff;
    background-color: rgb(35, 155, 151);
  }

  .espaciado-adm {
    /* padding-top: 6.5em; */
  }

  .espaciado-adm-req {
    /* padding-top: 13.5em; */
  }

  .espaciado-adm-inv {
    /* padding-top: 20.5em; */
  }

  .bloque2 {
    position: relative;
    /* overflow: hidden; */
    background-color: #f1f2f2;
    border: 1px solid #ddd;
    border-radius: 50px;
    height: 400px;
    width: 100%;
    /* Altura fija para los bloques */
    padding: 20px;
    transition: all 0.5s ease;
    box-shadow: 7px 7px 12px 0 rgba(20, 20, 20, 0.3);
    /* Transición suave */
    margin-bottom: 15em;
  }
  .titulo-patrono-sjm{
    margin-top: 0.5em;
    font-size: 3em;
  }
  .btn-patrono-afamily {
    font-size: 0.9em;
  }
  .boton-mision {
    font-size: 0.9em;
  }
  .titulo-anio-secundaria {
    font-size: 1.8em;
  }
  .vinetas-consejo{
    font-size: 1.2em;
  }
  .numero-conteo-rojo {
    color: #BE1D2C;
    font-size: 4em;
  }
  .texto-conteo-rojo {
    color: #BE1D2C;
    font-size: 2em;
  }
  .numero-conteo-verde {
    color: #024524;
    font-size: 4em;
  }
  .texto-conteo-verde {
    color: #024524;
    font-size: 2em;
  }
  .numero-conteo-azul {
    color: #156195;
    font-size: 4em;
  }
  .texto-conteo-azul {
    color: #156195;
    font-size: 2em;
  }
  .numero-conteo-amarillo {
    color: #E3A83A;
    font-size: 4em;
  }
  .texto-conteo-amarillo {
    color: #E3A83A;
    font-size: 2em;
  }
  .acordeon-titulo{
    font-size: 3em;
  }
  .olimp-fondo-amarillo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .titulo-olimp{
    font-size: 2.5em; 
   }
   .descripcion-olimp{
    font-size: 1.2m; 
   }
   .olimp-fondo-rojo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-verde{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-azul{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .carousel-item img {
    /* margin-top: 27em; */
  }
  .margin-vinetas-af{
    margin-top: -25em; 
    position: relative;
    padding-left: 5em;
  }
  .tit-documentoa{
    font-size: 1.5em;        
  }
  .des-doca{
    font-size: 1em;  
  }
  .margen-slider-af{
    margin-top: 35em;
  }
  .cal-filters {
    bottom: -4em;
  }
  .bt-white {
    font-size: 0.8em;
    height: 2rem;
    padding: 0.5em 0 0 0;
    letter-spacing: 0.15em;
  }
  .tit-cal{
    font-size: 0.8em;
  }
  .desc-cal{
    font-size: 0.8em;
  }
  .tit-calendario2{
    font-size: 1.5em;
    text-align: center;
  }
  .tamanio-bloq-cal{
    width: 80%; 
    text-align: justify;
    font-family: 'Poppins'; 
    font-weight: 500; 
    font-size: 0.8em;
  }
 
  .thumb-cal5 {
    width: calc(70% - 1rem); 
    display: block;
    margin-right: 0;
  }
  .thumb-cal6 {
    width: calc(70% - 1rem);
    display: block;
    margin-right: 0;
}
.triangulo5 {
  left: -62px;
}
.triangulo6 {
  left: -62px;
}
.thumb-cal5 .date-txt5 {
  left: -126px;
}
.thumb-cal6 .date-txt6 {
  padding-right: 8em;
}
.thumb-cal6 .txt {
  width: 135px;
}
.tit-com-afamily{
  font-size: 3.5em;
}
.subt-com-afamily{
  font-size: 2.5em;
}
.titulo-comunidad-img {
  top: 45%;
  font-size: 2em;
}
.titulo-padre-af{
  font-size: 2.1em; 
  padding-left: 0.5em;
  padding-right: 1em;
}
.des-tit-af{
  font-size: 1em; 
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
}
.parrafo-bloq-af{
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
}
.tit-coord-af{
  margin-top: 0em;
}
}

@media only screen and (max-width: 1499.98px) and (min-width: 1400px) {
  /*Estilo para los accesos directos*/
  .barra-verde {
    background-color: #005c41;
    position: fixed !important;
    width: 100%;
    z-index: 997;
  }

  .barra-blanca {
    background: #fff;
    box-shadow: 0 1.5rem 1rem -0.8rem rgba(0, 0, 0, 0.1);
    position: fixed !important;
    margin-top: 3em;
    width: 100%;
    z-index: 997;
  }

  .logo-escudo a img {
    width: 100%;
  }

  .derecha-contenido a {
    font-size: 0.9em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
  }

  .right-icons a img {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    width: 32px;
  }

  .main-button-btn-matricula a {
    font-size: 1em;
    padding-right: 3px;
    padding-left: 3px;
  }

  .margen-top {
    padding-top: 7%;
  }

  .main-button-intranet a {
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    border-radius: 5px;
    color: rgb(231, 177, 27);
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
  }

  .main-button-intranet a:hover {
    background-color: #fff;
    border: 1px solid #e7b11b;
    color: rgb(231, 177, 27);
  }

  .navbar .dropdown .dropdown ul {
    left: calc(100% - 30px);
    top: 0;
    visibility: hidden;
  }

  .frase-varones {
    font-size: 1.5em;
  }

  .boton-admision-amarillo {
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.9rem;
    color: #fff;
    padding: 1em;
  }

  .scroll-admision {
    visibility: visible;
    z-index: 100;
    right: -215px;
    top: 70%;
    width: 335px;
    transition: all 0.5s ease;
  }

  .scroll-admision div:first-child {
    background-color: white;
    padding: 59px 15px 42px 10px;
    background-color: #f9fafc;
  }

  .scroll-admision div:nth-child(2) {
    background-color: #b91833;
    padding: 5px;
    border-radius: 10px 0 0 10px;
    transition: all 0.5s ease;
  }

  .boton-guia-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .boton-tour-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .espaciado-proceso {
    margin-top: 45%;
  }

  .fondo-verde {
    height: 300px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 112px;
  }
  
  .fondo-blanco {
    height: 350px;
    background-color: #EDECE9;
    padding-top: 25px;
    margin-top: 160px;
  }

  .margen-doc{
    margin-top: 74px;
    margin-left: 44px;
    font-size: 15px;
  }

  .margen-text-doc{
    margin-top: 105px;
  }

  .fondo-doc {
    background-image: url(/img/afamily/iconos/doc-img.png);
    background-repeat: no-repeat;
    margin-top: 41px;
  }

  .img-muneco{
      margin-top: 41px;
  }

  .img-muneco img{
    height: 450px;
  }

  .desc-secundaria {
    font-size: 1.2em;
  }

  .titulo-princ h2 {
    font-size: 2.5em;
    font-weight: bold;
  }

  .titulo-princ-algarrobos {
    font-size: 2em;
    font-weight: bold;
    padding-bottom: 1em;
  }

  .titulo-princ-testimonios {
    font-size: 2em;
    font-weight: bold;
    padding-bottom: 1.7em;
  }

  .titulo-princ-testimonios-tit {
    font-size: 2em;
    padding-top: 1.8em;
    /* padding-bottom: 3em; */
  }

  .tam-franja-gris {
    margin-top: 6%;
    color: #fff;
    height: 120px;
    width: 100%;
    background-color: #eceded;
  }

  .margen-boton-vermas {
    padding-left: 3em;
  }

  .franja-gris-ultnot {
    padding-top: 3.5em;
    padding-bottom: 1em;
  }

  .sub-ult-not {
    font-size: 1.2em;
  }

  .titulo-princ-testimonios-not {
    font-size: 2.5em;
    /* padding-bottom: 1.5em; */
  }

  .nav-noticias-tab {
    font-size: 1.2em;
  }

  .fecha-not {
    padding-left: 0;
    font-size: 1em;
  }

  .titulo-princ-testimonios-not-not {
    font-size: 1.2em;
    /* padding-bottom: 1em; */
  }

  .titulo-princ-testimonios-not-sub {
    font-size: 2.5em;
    margin-left: 0.5em;
    /* padding-bottom: 3em; */
  }

  .titulo-principios-educativos {
    font-size: 2em;
    font-weight: bold;
    padding-bottom: 2.5em;
  }

  .desc-testimonio {
    font-size: 1.9em;
    text-align: center;
    color: #fff;
    font-family: "Poppins";
    font-weight: 500;
  }

  .testimonios-text {
    font-size: 1.1em;
    color: #fff;
    padding: 1em;
    font-family: "Poppins";
    font-weight: normal;
  }

  .ver-testimonio a {
    font-size: 1.1em;
  }

  .border-testimonio {
    background: linear-gradient(90deg, #005c40, #006b66);
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    margin-top: 2em;
    height: 280px;
  }

  .parrafo-tit-general {
    font-size: 1.5em;
  }

  .parrafo-general {
    font-size: 1.2em;
  }

  .firma {
    font-size: 1.1em;
  }

  .parrafo-scroll {
    max-width: 600px;
  }

  .franja-iconos {
    position: relative;
    background: #005329;
    height: 100px;
    margin-bottom: 25%;
  }

  .cfooter {
    color: #fff;
    padding-top: 5em;
    margin-top: 4em;
    font-size: 1em;
  }

  .site-footer .scroll-top {
    top: 10%;
  }

  .descar-doc {
    font-size: 1em;
  }

  .about_title {
    font-size: 1.3em;
    font-weight: bold;
  }

  .content-sanjose h1 {
    font-size: 2.2em;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .titulo-bloque-olimpiadas {
    margin-left: 1.5em;
    font-size: 1.8em;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parrafo-bloque-olimpiadas {
    font-size: 0.9em;
    text-align: justify;
    padding-bottom: 1em;
    margin-left: 3em;
  }

  .bloque-ed-pers {
    width: 70%;
  }

  .fondo-circular {
    width: 100%;
  }

  .bloque-ed-pers .contenido-inicial {
    left: 0;
  }

  .infraestructura-servicios .owl-nav .owl-prev {
    left: -10px;
  }

  .infraestructura-servicios .owl-nav .owl-next {
    right: -10px;
  }

  .margen-deporte {
    margin-bottom: 3em;
    margin-top: -10em;
  }

  .titulo-servicios {
    font-size: 2.5em;
  }

  .desc-servicios {
    font-size: 1.3em;
  }

  .subtitulo-servicio {
    font-size: 1.8em;
  }

  .desc-servicioslist {
    font-size: 1em;
  }

  .fondo-adm {
    padding-bottom: 1em;
    padding-top: 8em;
  }

  .fondo-adm-benef {
    padding-top: 7em;
  }

  .fondo-verde-alumni {
    height: 240px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    font-weight: bold;
    /* margin-top: 190px; */
  }

  .espaciado-proceso-alumni {
    /* margin-bottom: 50px; */
    margin-top: 48%;
  }

  .admision-alumni {
    margin-top: -3em;
  }

  .titulo-copa {
    font-size: 2em;
  }

  .nombre-copa {
    font-size: 2.5em;
  }

  .promocion-copa {
    font-size: 1.5em;
  }

  .titulo-contactenos {
    font-size: 2.5em;
    color: #005f44;
    font-family: "Poppins";
    font-weight: bold;
    margin-top: 0.5em;
  }

  .datos-contacto {
    padding-left: 14em;
    padding-bottom: 2em;
  }

  .titulo-linea-porque {
    font-size: 1.5em !important;
    text-align: justify;
    color: #fff;
    margin-top: 0.5em;
  }

  .titulo-linea-porque::after {
    content: "";
    display: block;
    width: 40%;
    height: 3px;
    background: #e0af00;
    /* margin: 1px auto 25px; */
    text-align: justify;
  }

  .btn-play-porque {
    position: absolute;
    z-index: 1;
    top: 99%;
    left: 43%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque2 {
    position: absolute;
    z-index: 1;
    top: 272%;
    left: 40%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque3 {
    position: absolute;
    z-index: 1;
    top: 262%;
    left: 88%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .barra-secundaria {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 3em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }

  .barra-secundaria-afamily {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 3em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }

  .titulo-bloque {
    font-size: 1.5em;
  }

  .margen-bloque {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .margenes-bloque {
    margin-top: 2em;
  }

  .bloque-bienvenida {
    margin-top: 2em;
  }

  .margenes-bloque-abajo {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .separ-franja {
    padding-top: 9%;
  }

  .parrafo-bloque {
    font-size: 0.9em;
    font-weight: 400;
    font-family: Roboto;
    text-align: justify;
  }

  .galeria-zoom {
    padding-top: 4em;
  }

  .galeria-zoom-campus {
    padding-top: 0.5em;
  }

  .titulo-principal {
    font-size: 2.5em;
  }

  .admision {
    font-size: 2.3em;
  }

  .noticias-text-porque {
    width: 80%;
  }

  .firma-alumni {
    font-size: 1.2em;
  }

  .cargo-alumni {
    font-size: 1em;
    font-style: italic;
  }

  .single_course .course_content a {
    font-size: 1.7em;
  }

  .single_course .course_content p {
    font-size: 0.9em;
  }

  .header-carousel .owl-nav .owl-prev {
    top: 50%;
  }

  .header-carousel .owl-nav .owl-next {
    top: 50%;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 65%;
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 65%;
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .titulo-afamily {
    font-size: 2em;
  }

  .texto-afamily {
    width: 70%;
    top: 40%;
    transform: translate(-50%, -50%);
  }

  .frase-afamily {
    font-size: 1.1em;
  }

  .caja-verde-afamily {
    font-size: 1.1em;
  }

  .franja-afamily {
    height: 310px;
  }

  .franja-colores-afamily {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2em;
  }

  .thumb-cal-small {
    height: 100px;
  }

  .triangulo1 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 6.2rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 1em;
    line-height: 1.4rem;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(120% - 18rem - 5px);
    padding: 0 0.5rem;
  }

  /*ESTILO SIMBOLOS AFAMILY*/
  .titulo-simbolo-afamily {
    font-size: 4em;
    margin-top: 1em;
  }

  .desc-simbolo-afamily {
    font-size: 1.8em;
    margin-top: 0.5em;
    width: 70%;
  }

  .margen-franja-simbolo-afamily {
    margin-top: 4em;
  }

  .bloque-simbolo {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: 120px;
  }

  .bloque-simbolo-oro {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: 120px;
  }

  .bloque-simbolo-nave {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: 120px;
  }

  .bloque-simbolo-sinople {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: -64px;
  }

  .bloque-simbolo-gules {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: -64px;
  }

  .bloque-simbolo-lema {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: -64px;
  }

  .margen-titulo-benef-alumni {
    padding-top: 2em;
  }

  .titulo-beneficio-alumni {
    font-size: 2em;
    color: #00542b;
    font-weight: bold;
    text-align: justify;
  }

  .titulo-beneficioa {
    background-color: #eceded;
    height: 100px;
    text-align: center;
  }

  .titulo-beneficioa img {
    width: 50px;
  }

  .tit-acord-alumni {
    color: #00542b;
    font-weight: bold;
    font-size: 2em;
  }

  .form-floating-vuelve > label {
    font-size: 1em;
  }

  .page-header-vuelve-alumni {
    background: url(/img/fondo-vuelve-alumni.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .titulo-alumni-copa {
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    font-family: Poppins;
    text-align: center;
  }

  .titulo-alumni-desc-copa {
    margin-top: 1em;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
  }

  .titulo-alumni-beneficios {
    font-size: 4em;
  }

  .titulo-alumni-desc-beneficios {
    text-align: center;
    color: #585b5c;
    font-size: 1.5em;
    font-weight: bold;
  }

  .boton-1.adm-amarillo-alumni {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 1rem;
    color: #fff;
    padding: 0.7em;
  }

  .titulos-alumni h1 {
    font-family: Poppins;
    text-align: justify;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 2.2em;
    padding-left: 1em;
  }

  .titulo-linea-alumni h1:after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    /* margin: 1px auto -46px; */
    font-weight: bold;
  }

  .admision-alumni h2 {
    font-size: 3em;
  }

  .accordion-item {
    background-color: #fff;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #00542b;
    font-size: 0.8em;
  }

  /*** ACORDEON ***/
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    color: var(--bs-white);
    background: #00542b;
    font-size: 0.6em;
    border-radius: 30px;
  }

  .faq-section
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button.collapsed {
    color: #005c41;
    background: #d9dad9;
    font-weight: bold;
    border-radius: 30px;
  }

  .noticias2-porque {
    margin-top: 2em;
  }

  .border-testimonio-porque {
    background: rgb(0, 101, 85);
    border-top-right-radius: 100px;
    width: 80%;
    height: 454px;
  }

  .deportes-img-porque img {
    margin-bottom: 3%;
    margin-top: 1em;
    border-radius: 21px;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.35);
    width: 90%;
  }

  .porque {
    margin: 0;
    padding-left: 0;
    background: #006555;
    padding: 1em;
  }

  .fondo-dep {
    background-color: #eceded;
    background-image: url(/img/fondo-ceramica-blanco.png);
  }

  .parrafo p {
    font-size: 1em;
    padding-top: 1.2em;
    font-weight: 400px;
    text-align: justify;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    font-family: Poppins;
  }

  .titulos2 h1 {
    font-family: Poppins;
    text-align: center;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 1.5em;
    font-weight: bold;
    font-size: 2.4em;
  }

  .testimony-wrap .icon {
    position: absolute;
    top: -59px;
    left: 26%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: #1ba12d;*/
  }

  .titulo-val {
    font-size: 2em;
    font-family: Poppins;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
  }

  .tit-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #d91a5c;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit2-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #39b44a;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit3-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #008674;
    padding-top: 0.9em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parraf-cuadro {
    font-size: 1em;
    text-align: center;
    font-family: Poppins;
  }

  .barra-directo {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .alto-video {
    padding-top: 7%;
  }

  .boton-1.adm-amarillo:hover {
    /* background-color: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000; */
  }

  .boton-2.adm-amarillo {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000;
    padding: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .boton-2 {
    border: 0;
    color: #000;
    /* padding: 0.6rem 0.5rem 0.6rem 2.5rem; */
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 0.8rem;
    /* font-weight: 600; */
  }

  .fondo-verde {
    height: 398px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 141px;
  }

  .logo-escudo a img {
    width: 210px;
  }

  .main-button-red a {
    font-size: 0.9m;
    color: rgb(231, 177, 27);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    padding: 6px 12px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
  }

  .main-button-red a:hover {
    color: #fff;
    background-color: rgb(231, 177, 27);
  }

  .main-button-yel a {
    font-size: 0.9em;
    color: rgb(35, 155, 151);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(35, 155, 151);
    padding: 5px 8px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
    margin-right: 0.5em;
  }

  .main-button-yel a:hover {
    color: #fff;
    background-color: rgb(35, 155, 151);
  }

  .right-icons ul li a img {
    width: 32px;
    height: 32px;
  }

  .map-wrapper {
    width: 413px;
    height: 278px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    top: 238px;
    left: 41px;
  }

  .map-container {
    position: absolute;
    top: -110px;
    left: -377px;
    width: 319%;
    height: 100%;
    transition: transform 0.3s;
  }

  .titulo-linea {
    font-family: Poppins;
    color: #005c3f;
    font-size: 2.5em;
    font-weight: bold;
    padding-left: 0 !important;
    margin-bottom: 0.5em;
    text-align: center;
  }

  .titulo-linea::after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    margin: 1px auto 1px;
  }

  .noticias-img img {
    margin-bottom: 5%;
  }

  .page-header-nuestrocolegio7 {
    background: url(/img/fondo-actividades.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .page-header-admision {
    padding-top: 9%;
  }

  .espaciado-adm {
    /* padding-top: 6.5em; */
  }

  .espaciado-adm-req {
    /* padding-top: 13.5em; */
  }

  .espaciado-adm-inv {
    /* padding-top: 20.5em; */
  }

  .bloque2 {
    position: relative;
    /* overflow: hidden; */
    background-color: #f1f2f2;
    border: 1px solid #ddd;
    border-radius: 50px;
    height: 400px;
    width: 100%;
    /* Altura fija para los bloques */
    padding: 20px;
    transition: all 0.5s ease;
    box-shadow: 7px 7px 12px 0 rgba(20, 20, 20, 0.3);
    /* Transición suave */
    margin-bottom: 15em;
  }
  .titulo-patrono-sjm{
    margin-top: 0.5em;
    font-size: 3em;
  }
  .btn-patrono-afamily {
    font-size: 0.9em;
  }
  .boton-mision {
    font-size: 0.9em;
  }
  .titulo-anio-secundaria {
    font-size: 1.8em;
  }
  .vinetas-consejo{
    font-size: 1.2em;
  }
  .numero-conteo-rojo {
    color: #BE1D2C;
    font-size: 4em;
  }
  .texto-conteo-rojo {
    color: #BE1D2C;
    font-size: 2em;
  }
  .numero-conteo-verde {
    color: #024524;
    font-size: 4em;
  }
  .texto-conteo-verde {
    color: #024524;
    font-size: 2em;
  }
  .numero-conteo-azul {
    color: #156195;
    font-size: 4em;
  }
  .texto-conteo-azul {
    color: #156195;
    font-size: 2em;
  }
  .numero-conteo-amarillo {
    color: #E3A83A;
    font-size: 4em;
  }
  .texto-conteo-amarillo {
    color: #E3A83A;
    font-size: 2em;
  }
  .acordeon-titulo{
    font-size: 2.5em;
  }
  .olimp-fondo-amarillo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .titulo-olimp{
    font-size: 2.5em; 
   }
   .descripcion-olimp{
    font-size: 1.2em; 
   }
   .olimp-fondo-rojo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-verde{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-azul{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .carousel-item img {
    /* margin-top: 27em; */
  }
  .margin-vinetas-af{
    margin-top: -25em; 
    position: relative;
    padding-left: 5em;
  }
  .tit-documentoa{
    font-size: 1.5em;        
  }
  .des-doca{
    font-size: 1em;  
  }

  .drop-cal {
    font-size: 1.5em;
    padding: 0 6rem 0 2rem;
}
.margen-slider-af{
  margin-top: 35em;
}
.cal-filters {
  bottom: -4em;
}
.bt-white {
  font-size: 0.8em;
  height: 2rem;
  padding: 0.5em 0 0 0;
  letter-spacing: 0.15em;
}
.tit-cal{
  font-size: 0.8em;
}
.desc-cal{
  font-size: 0.8em;
}
.tit-calendario2{
  font-size: 1.5em;
  text-align: center;
}
.tamanio-bloq-cal{
  width: 80%; 
  text-align: justify;
  font-family: 'Poppins'; 
  font-weight: 500; 
  font-size: 0.8em;
}

.thumb-cal5 {
  width: calc(50% - 1rem); 
  display: block;
  margin-right: 0;
}
.thumb-cal6 {
  width: calc(50% - 1rem);
  display: block;
  margin-right: 0;
}
.triangulo5 {
  left: -62px;
}
.triangulo6 {
  left: -62px;
}
.thumb-cal5 .date-txt5 {
  left: -126px;
}
.thumb-cal6 .date-txt6 {
  padding-right: 8em;
}
.thumb-cal6 .txt {
  width: 135px;
}
.tit-com-afamily{
  font-size: 3.5em;
}
.subt-com-afamily{
  font-size: 2.5em;
}
.titulo-comunidad-img {
  top: 45%;
  font-size: 2em;
}
.titulo-padre-af{
  font-size: 2.1em; 
  padding-left: 0.5em;
  padding-right: 1em;
}
.des-tit-af{
  font-size: 1em; 
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
}
.parrafo-bloq-af{
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
}
.tit-coord-af{
  margin-top: 0em;
}
}

@media only screen and (max-width: 2800.98px) and (min-width: 1500px) {
  /*Estilo para los accesos directos*/
  .barra-verde {
    background-color: #005c41;
    position: fixed !important;
    width: 100%;
    z-index: 997;
  }

  .nav-noticias-tab {
    font-size: 1.2em;
  }

  .barra-blanca {
    background: #fff;
    box-shadow: 0 1.5rem 1rem -0.8rem rgba(0, 0, 0, 0.1);
    position: fixed !important;
    margin-top: 3em;
    width: 100%;
    z-index: 997;
  }

  .margen-boton-vermas {
    padding-left: 3em;
  }

  .logo-escudo a img {
    width: 100%;
  }

  .derecha-contenido a {
    font-size: 0.9em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
  }

  .right-icons a img {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    width: 32px;
  }

  .main-button-btn-matricula a {
    font-size: 1.1em;
    padding-right: 5px;
    padding-left: 5px;
  }

  .margen-top {
    padding-top: 5%;
  }

  .main-button-intranet a {
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    border-radius: 5px;
    color: rgb(231, 177, 27);
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 7px;
    padding-left: 7px;
  }

  .main-button-intranet a:hover {
    background-color: rgb(231, 177, 27);
    color: #fff;
  }

  .navbar .dropdown .dropdown ul {
    left: calc(100% - 30px);
    top: 0;
    visibility: hidden;
  }

  .frase-varones {
    font-size: 1.5em;
  }

  .boton-admision-amarillo {
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.9rem;
    color: #fff;
    padding: 1em;
  }

  .scroll-admision {
    visibility: visible;
    z-index: 100;
    right: -215px;
    top: 30%;
    width: 335px;
    transition: all 0.5s ease;
  }

  .scroll-admision div:first-child {
    background-color: white;
    padding: 59px 15px 42px 10px;
    /*Arriba derecha abajo izquierda*/
    background-color: #f9fafc;
  }

  .scroll-admision div:nth-child(2) {
    background-color: #b91833;
    padding: 5px;
    border-radius: 10px 0 0 10px;
    transition: all 0.5s ease;
  }

  .admision {
    font-size: 3.2em;
  }

  .boton-guia-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .boton-tour-amarillo {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .espaciado-proceso {
    margin-top: 50%;
  }

  .fondo-verde {
    height: 300px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    margin-top: 240px;
  }
  .fondo-blanco {
    height: 297px;
    background-color: #EDECE9;
    padding-top: 25px;
    margin-top: 160px;
  }

  .margen-doc{
    margin-top: 74px;
    margin-left: 44px;
    font-size: 15px;
  }

  .margen-text-doc{
    margin-top: 345px;
  }

  .fondo-doc {
    background-image: url(../../img/afamily/iconos/doc-img.png);
    background-repeat: no-repeat;
    margin-top: 41px;
  }

  .img-muneco{
      margin-top: 41px;
  }

  .img-muneco img{
    height: 420px;
  }

  .desc-secundaria {
    font-size: 1.2em;
  }

  .titulo-princ h2 {
    font-size: 2.5em;
    font-weight: bold;
  }

  .titulo-princ-algarrobos {
    font-size: 2.5em;
    padding-bottom: 0em;
    margin-bottom: 0.9em;
  }

  .titulo-princ-testimonios {
    font-size: 2.5em;
    padding-bottom: 1.4em;
  }

  .titulo-princ-testimonios-tit {
    font-size: 3em;
    padding-top: 0.5em;
    /* padding-bottom: 3em; */
  }

  .tam-franja-gris {
    margin-top: 6%;
    color: #fff;
    height: 120px;
    width: 100%;
    background-color: #eceded;
  }

  .franja-gris-ultnot {
    padding-top: 3.5em;
    padding-bottom: 1em;
  }

  .sub-ult-not {
    font-size: 1.2em;
  }

  .titulo-princ-testimonios-not {
    font-size: 2.5em;
    /* padding-bottom: 1.5em; */
  }

  .nav-noticias-tab {
    font-size: 1.2em;
  }

  .fecha-not {
    padding-left: 0;
    font-size: 1em;
  }

  .titulo-princ-testimonios-not-not {
    font-size: 2.5em;
    /* padding-bottom: 1em; */
  }

  .titulo-princ-testimonios-not-sub {
    font-size: 2.5em;
    margin-left: 0.5em;
    /* padding-bottom: 3em; */
  }

  .titulo-principios-educativos {
    font-size: 2.5em;
    padding-bottom: 1.4em;
  }

  .desc-testimonio {
    font-size: 1.9em;
    text-align: center;
    color: #fff;
    font-family: "Poppins";
    font-weight: 500;
  }

  .testimonios-text {
    font-size: 1.1em;
    color: #fff;
    padding: 1em;
    font-family: "Poppins";
    font-weight: normal;
  }

  .ver-testimonio a {
    font-size: 1.1em;
  }

  .separ-franja {
    padding-top: 7%;
  }

  .parrafo-tit-general {
    font-size: 1.5em;
  }

  .parrafo-general {
    font-size: 1.2em;
  }

  .firma {
    font-size: 1.1em;
  }

  .parrafo-scroll {
    max-width: 600px;
  }

  .franja-iconos {
    position: relative;
    background: #005329;
    height: 100px;
    margin-bottom: 15%;
  }

  .cfooter {
    color: #fff;
    padding-top: 5em;
    margin-top: 4em;
    font-size: 1em;
  }

  .site-footer .scroll-top {
    top: 10%;
  }

  .descar-doc {
    font-size: 1.3em;
  }

  .about_title {
    font-size: 1.5em;
    font-weight: bold;
  }

  .content-sanjose h1 {
    font-size: 2.3em;
    margin-bottom: 10px;
    font-weight: bold;
  }

  .titulo-bloque-olimpiadas {
    margin-left: 4.5em;
    font-size: 1.8em;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parrafo-bloque-olimpiadas {
    font-size: 0.9em;
    text-align: justify;
    padding-bottom: 1em;
    margin-left: 9em;
  }

  .bloque-ed-pers {
    width: 70%;
  }

  .fondo-circular {
    width: 100%;
  }

  .bloque-ed-pers .contenido-inicial {
    left: 2em;
  }

  .infraestructura-servicios .owl-nav .owl-prev {
    left: -10px;
  }

  .infraestructura-servicios .owl-nav .owl-next {
    right: -10px;
  }

  .margen-deporte {
    margin-bottom: 3em;
    margin-top: -10em;
  }

  .titulo-servicios {
    font-size: 2.5em;
  }

  .desc-servicios {
    font-size: 1.3em;
  }

  .subtitulo-servicio {
    font-size: 1.8em;
  }

  .desc-servicioslist {
    font-size: 1em;
  }

  .fondo-adm {
    padding-bottom: 1em;
    padding-top: 8em;
  }

  .fondo-adm-benef {
    padding-top: 7em;
  }

  .titulo-admision h3 {
    color: #d71c5c;
    font-weight: bold;
    font-size: 2.5em;
  }

  .fondo-verde-alumni {
    height: 290px;
    background-image: url(/img/fondo-verde.jpg);
    padding-top: 25px;
    font-weight: bold;
    /* margin-top: 190px; */
  }

  .espaciado-proceso-alumni {
    margin-bottom: -10px;
    margin-top: 48%;
  }

  .admision-alumni {
    margin-top: -4em;
  }

  .titulo-copa {
    font-size: 2em;
  }

  .nombre-copa {
    font-size: 2.5em;
  }

  .promocion-copa {
    font-size: 1.5em;
  }

  .datos-contacto {
    padding-left: 14em;
    padding-bottom: 2em;
  }

  .titulo-linea-porque {
    font-size: 2em !important;
    text-align: justify;
    color: #fff;
    margin-top: 0.5em;
  }

  .titulo-linea-porque::after {
    content: "";
    display: block;
    width: 40%;
    height: 3px;
    background: #e0af00;
    /* margin: 1px auto 25px; */
    text-align: justify;
  }

  .btn-play-porque {
    position: absolute;
    z-index: 1;
    top: 107%;
    left: 37%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque2 {
    position: absolute;
    z-index: 1;
    top: 252%;
    left: 40%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .btn-play-porque3 {
    position: absolute;
    z-index: 1;
    top: 252%;
    left: 74%;
    transform: translateX(-50%) translateY(-50%);
    /* box-sizing: content-box; */
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 18px 20px 18px 28px;
  }

  .border-testimonio {
    background: linear-gradient(90deg, #005c40, #006b66);
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    height: 300px;
    margin-top: 2em;
    width: 49%;
  }

  .border-calendario {
    background: linear-gradient(90deg, #00958d, #00958d);
    border-top-left-radius: 70px;
    border-bottom-left-radius: 70px;
    height: 500ox;
    /* margin-top: 2em; */
    /* width: 49%; */
  }

  .barra-secundaria {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 3em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }

  .barra-secundaria-afamily {
    font-family: "Alfa Slab One", serif;
    font-weight: normal;
    font-size: 3em;
    text-align: center !important;
    padding-top: 0.8em;
    padding-bottom: 2em;
    color: #fff;
  }

  .barra-secundaria-alumni {
    font-family: "Poppins";
    font-weight: bold;
    font-size: 3em;
    text-align: center !important;
    padding-top: 3em;
    padding-bottom: 2em;
    color: #fff;
  }

  .titulo-bloque {
    font-size: 2em;
  }

  .margen-bloque {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .margenes-bloque {
    margin-top: 2em;
  }

  .bloque-bienvenida {
    margin-top: 2em;
  }

  .margenes-bloque-abajo {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .separ-franja {
    padding-top: 7%;
  }

  .parrafo-bloque {
    font-size: 0.9em;
    font-weight: 400;
    font-family: Roboto;
    text-align: justify;
  }

  .galeria-zoom {
    padding-top: 10em;
  }

  .galeria-zoom-campus {
    padding-top: 0.5em;
  }

  .titulo-principal {
    font-size: 2.5em;
  }

  .noticias-text-porque {
    width: 80%;
  }

  .admision-alumni {
    font-size: 4em;
  }

  .subtitulo-alumni {
    font-size: 1.2em;
  }

  .espaciado-proceso-alumni {
    /* margin-bottom: 50px; */
    margin-top: 80%;
  }

  .boton-1.adm-amarillo-alumni {
    font-family: "Poppins";
    font-weight: normal;
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.9em;
    color: #fff;
    padding: 0.7em;
  }

  .firma-alumni {
    font-size: 1.3em;
  }

  .cargo-alumni {
    font-size: 1em;
    font-style: italic;
  }

  .single_course .course_content a {
    font-size: 1.7em;
  }

  .single_course .course_content p {
    font-size: 0.9em;
  }

  .titulo-contactenos {
    font-size: 2.5em;
    color: #005f44;
    font-family: "Poppins";
    font-weight: bold;
    margin-top: 0.5em;
  }

  /*ESTILO A FAMILY*/
  .header-carousel .owl-nav .owl-prev {
    top: 80%;
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .header-carousel .owl-nav .owl-next {
    top: 80%;
    width: 70px;
    height: 70px;
    font-size: 30px;
  }

  .titulo-afamily {
    font-size: 2.8em;
  }

  .texto-afamily {
    width: 70%;
    top: 40%;
    transform: translate(-50%, -50%);
  }

  .frase-afamily {
    font-size: 1.5em;
  }

  .caja-verde-afamily {
    font-size: 1.3em;
  }

  .franja-afamily {
    height: 350px;
  }

  .franja-colores-afamily {
    padding-left: 6em;
    padding-right: 6em;
    padding-top: 2em;
  }

  .triangulo1 {
    width: 150px;
    height: 5.5rem;
    top: 0;
  }

  .triangulo2 {
    width: 150px;
    height: 5.5rem;
    top: 0;
  }

  .triangulo3 {
    width: 150px;
    height: 5.5rem;
    top: 0;
  }

  .thumb-cal-small .date-txt1,
  .thumb-cal .date-txt1 {
    top: 0;
  }

  .thumb-cal-small .date-txt2,
  .thumb-cal .date-txt2 {
    top: 0;
  }

  .thumb-cal-small .date-txt3,
  .thumb-cal .date-txt3 {
    top: 0;
  }

  .titulo-calendario-afamily {
    font-size: 1.3em;
    line-height: 1.4rem;
  }

  .slide_actividades {
    padding: 2em;
  }

  .thumb-cal-small .titulo-calendario-afamily,
  .thumb-cal .titulo-calendario-afamily {
    width: calc(110% - 18rem - 5px);
    padding: 0 2rem;
  }

  /*ESTILO SIMBOLOS AFAMILY*/
  .titulo-simbolo-afamily {
    font-size: 4em;
    margin-top: 1em;
  }

  .desc-simbolo-afamily {
    font-size: 1.8em;
    margin-top: 0.5em;
    width: 70%;
  }

  .margen-franja-simbolo-afamily {
    margin-top: 4em;
  }

  .bloque-simbolo {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: 120px;
  }

  .bloque-simbolo-oro {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: 120px;
  }

  .bloque-simbolo-nave {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: 120px;
  }

  .bloque-simbolo-sinople {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: -64px;
  }

  .bloque-simbolo-gules {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: -64px;
  }

  .bloque-simbolo-lema {
    width: 400px;
    padding: 15px;
    border-radius: 12px;
    opacity: 0.2;
    right: -64px;
  }

  .margen-titulo-benef-alumni {
    padding-top: 3em;
  }

  .titulo-beneficio-alumni {
    font-size: 3.5em;
    color: #00542b;
    font-weight: bold;
    text-align: justify;
  }

  .titulo-beneficioa {
    background-color: #eceded;
    height: 100px;
    text-align: center;
  }

  .titulo-beneficioa img {
    width: 70px;
  }

  .tit-acord-alumni {
    color: #00542b;
    font-weight: bold;
    font-size: 2.5em;
  }

  .form-floating-vuelve > label {
    font-size: 1em;
  }

  .page-header-vuelve-alumni {
    background: url(/img/fondo-vuelve-alumni.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .titulo-alumni-copa {
    color: #fff;
    font-weight: bold;
    font-size: 4em;
    font-family: Poppins;
    text-align: center;
    margin-bottom: 0.2em;
  }

  .titulo-alumni-desc-copa {
    margin-top: 1em;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
  }

  .titulo-alumni-beneficios {
    font-size: 4em;
  }

  .titulo-alumni-desc-beneficios {
    text-align: center;
    color: #585b5c;
    font-size: 1.5em;
    font-weight: bold;
  }

  .titulos-alumni h1 {
    font-family: Poppins;
    text-align: justify;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 2.2em;
    padding-left: 1em;
  }

  .titulo-linea-alumni h1:after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    /* margin: 1px auto -46px; */
    font-weight: bold;
  }

  .accordion-item {
    background-color: #fff;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
    padding-left: 2em;
    padding-right: 2em;
  }

  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #00542b;
    font-size: 0.8em;
  }

  /*** ACORDEON ***/
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    color: var(--bs-white);
    background: #00542b;
    font-size: 0.6em;
    border-radius: 30px;
  }

  .faq-section
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button.collapsed {
    color: #005c41;
    background: #d9dad9;
    font-weight: bold;
    border-radius: 30px;
  }

  .noticias2-porque {
    margin-top: 2em;
  }

  .border-testimonio-porque {
    background: rgb(0, 101, 85);
    border-top-right-radius: 100px;
    width: 80%;
    height: 454px;
  }

  .deportes-img-porque img {
    /* margin-bottom: 2%;
    margin-top: 1em; */
    border-radius: 21px;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.35);
    width: 70%;
  }

  .porque {
    margin: 0;
    padding-left: 0;
    background: #006555;
    /* padding: 1em; */
  }

  .fondo-dep {
    background-color: #eceded;
    background-image: url(/img/fondo-ceramica3.png);
  }

  .parrafo p {
    font-size: 1.1em;
    padding-top: 1.2em;
    font-weight: 400px;
    text-align: justify;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    font-family: Poppins;
  }

  .titulos2 h1 {
    font-family: Poppins;
    text-align: center;
    color: #656565;
    padding-top: 2em;
    padding-bottom: 1.5em;
    font-weight: bold;
    font-size: 2.8em;
  }

  .testimony-wrap .icon {
    position: absolute;
    top: -59px;
    left: 34%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    /* background: #1ba12d;*/
  }

  .titulo-val {
    font-size: 3em;
    font-family: Poppins;
    color: #006046;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
  }

  .tit-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #d91a5c;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit2-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #39b44a;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .tit3-cuadro {
    text-align: center;
    font-size: 2.5em;
    color: #008674;
    padding-top: 1.2em;
    padding-bottom: 0.5em;
    font-family: Alfa Slab One;
  }

  .parraf-cuadro {
    font-size: 1em;
    text-align: center;
    font-family: Poppins;
  }

  .barra-directo {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .alto-video {
    padding-top: 6%;
  }

  .boton-1.adm-amarillo:hover {
    /* background-color: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000; */
  }

  .boton-2.adm-amarillo {
    /* background-color: #d89f37; */
    background: rgba(229, 169, 1, 0.9);
    font-size: 0.8rem;
    color: #000;
    padding: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .boton-2 {
    border: 0;
    color: #000;
    /* padding: 0.6rem 0.5rem 0.6rem 2.5rem; */
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 0.8rem;
    /* font-weight: 600; */
  }

  .logo-escudo a img {
    width: 210px;
  }

  .main-button-red a {
    font-family: "Poppins";
    font-weight: bold;
    font-size: 1em;
    color: rgb(231, 177, 27);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(231, 177, 27);
    padding: 8px 20px;
    display: inline-block;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
  }

  .main-button-red a:hover {
    color: #fff;
    background-color: rgb(231, 177, 27);
  }

  .main-button-yel a {
    font-size: 14px;
    color: rgb(35, 155, 151);
    /* background-color: #BE1E33; */
    background-color: #fff;
    border: 1px solid rgb(35, 155, 151);
    padding: 9px 10px;
    display: inline-block;
    font-weight: 400;
    /* text-transform: uppercase; */
    transition: all 0.3s;
    border-radius: 5px;
    margin-right: 0.5em;
  }

  .main-button-yel a:hover {
    color: #fff;
    background-color: rgb(35, 155, 151);
  }

  .right-icons ul li a img {
    width: 32px;
    height: 32px;
  }

  .map-wrapper {
    width: 576px;
    height: 461px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    top: 232px;
    left: 51px;
  }

  .map-container {
    position: absolute;
    top: -49px;
    left: -585px;
    width: 310%;
    height: 100%;
    transition: transform 0.3s;
  }

  .titulo-linea {
    font-family: Poppins;
    color: #005c3f;
    font-size: 3em;
    font-weight: bold;
    padding-left: 0 !important;
    margin-bottom: 0.5em;
    text-align: center;
  }

  .titulo-linea::after {
    content: "";
    display: block;
    width: 70px;
    height: 6px;
    background: #e0af00;
    margin: 1px auto 1px;
  }

  .page-header-nuestrocolegio7 {
    background: url(/img/fondo-actividades.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .page-header-admision {
    padding-top: 7%;
  }

  .espaciado-adm {
    /* padding-top: 6.5em; */
  }

  .espaciado-adm-req {
    /* padding-top: 13.5em; */
  }

  .espaciado-adm-inv {
    /* padding-top: 20.5em; */
  }

  .bloque2 {
    position: relative;
    /* overflow: hidden;  */
    background-color: #f1f2f2;
    border: 1px solid #ddd;
    border-radius: 50px;
    height: 400px;
    width: 100%;
    /* Altura fija para los bloques */
    padding: 20px;
    transition: all 0.5s ease;
    box-shadow: 7px 7px 12px 0 rgba(20, 20, 20, 0.3);
    /* Transición suave */
  }
  .titulo-patrono-sjm{
    margin-top: 0.5em;
    font-size: 3em;
  }
  .btn-patrono-afamily {
    font-size: 2em;
  }
  .boton-mision {
    font-size: 0.9em;
  }
  .titulo-anio-secundaria {
    font-size: 1.8em;
  }
  .vinetas-consejo{
    font-size: 1.2em;
  }
  .numero-conteo-rojo {
    color: #BE1D2C;
    font-size: 4em;
  }
  .texto-conteo-rojo {
    color: #BE1D2C;
    font-size: 2em;
  }
  .numero-conteo-verde {
    color: #024524;
    font-size: 4em;
  }
  .texto-conteo-verde {
    color: #024524;
    font-size: 2em;
  }
  .numero-conteo-azul {
    color: #156195;
    font-size: 4em;
  }
  .texto-conteo-azul {
    color: #156195;
    font-size: 2em;
  }
  .numero-conteo-amarillo {
    color: #E3A83A;
    font-size: 4em;
  }
  .texto-conteo-amarillo {
    color: #E3A83A;
    font-size: 2em;
  }
  .acordeon-titulo{
    font-size: 2.5em;
  }
  .olimp-fondo-amarillo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .titulo-olimp{
    font-size: 2.5em; 
   }
   .descripcion-olimp{
    font-size: 1.2em; 
   }
   .olimp-fondo-rojo{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-verde{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
   .olimp-fondo-azul{
    padding-top: 1em; 
    padding-left: 1em; 
    padding-right: 1em; 
   }
    .muneco-afamily{
      margin-top: -30em; 
      position: relative; 
     }
     .marc-doc-afamily{
      margin-top: -15em; 
      position: relative;
      }
      .margen-doc-afamily{
        margin-top: -18em; 
        padding-left: 58em;
        position: relative;
        }
      .margen-afam{
        margin-top: -9em; 
        width: 510px;
      }
      
      .tit-documentoa {
        margin-top: -7em;
        font-size: 2em;
    }
    .cal-filters {
      bottom: -2em;
    }
    .bt-white {
      font-size: 1.2em;
      height: 2rem;
      padding: -0.5em 0 0 0;
      letter-spacing: 0.15em;
    }
    .tit-cal{
      font-size: 0.8em;
    }
    .desc-cal{
      font-size: 0.8em;
    }
    .tit-calendario2{
      font-size: 1.5em;
      text-align: center;
    }
    .tamanio-bloq-cal{
      width: 80%; 
      text-align: justify;
      font-family: 'Poppins'; 
      font-weight: 500; 
      font-size: 0.8em;
    }
    
    .thumb-cal5 {
      width: calc(42% - 1rem);
      display: block;
      margin-right: 10px;
      margin-left: 1em;
    }
    .thumb-cal6 {
      width: calc(38% - 1rem);
      display: block;
      /* margin-right: 0; */
      margin-left: 4em;
    }
    .triangulo5 {
      left: -119px;
    }
    .triangulo6 {
      left: -100px;
    }
    .thumb-cal5 .date-txt5 {
      left: -230px;
    }
    .thumb-cal6 .date-txt6 {
      padding-right: 10em;
    }
    .thumb-cal6 .txt {
      width: 222px;
    }
    .tit-com-afamily{
      font-size: 3.5em;
    }
    .subt-com-afamily{
      font-size: 2.5em;
    }
    .titulo-comunidad-img {
      top: 45%;
      font-size: 2em;
    }
    .titulo-padre-af{
      font-size: 3em; 
      padding-left: 0.5em;
      padding-right: 1em;
    }
    .des-tit-af{
      font-size: 2em; 
      padding-left: 0.5em;
      padding-right: 1em;
      text-align: justify;
    }
    .parrafo-bloq-af{
      font-size: 1.5em;
      padding-left: 1em;
      padding-right: 1em;
      text-align: justify;
    }
    .tit-coord-af{
      margin-top: 0em;
    }
}

/*Estilo para menú mobil*/
.navbar-mobile {
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  right: 15px;
  top: 15px;
}

.navbar-mobile ul {
  background-color: #fff;
  border-radius: 6px;
  bottom: 15px;
  display: block;
  left: 15px;
  overflow-y: auto;
  padding: 10px 0;
  position: absolute;
  right: 15px;
  top: 55px;
  transition: 0.3s;
}

.navbar-mobile a {
  color: #1a1814;
  font-size: 13px;
  padding: 10px 20px;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover > a {
  color: #cda45e;
}

.navbar-mobile .getstarted {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  display: none;
  margin: 10px 20px;
  opacity: 1;
  padding: 10px 0;
  position: static;
  z-index: 99;
  visibility: visible;
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover > a {
  color: #cda45e;
}

.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}

/*ESTRUCTURA DEL BODY*/
/*Texto del inicio en el index*/
.derecha-contenido a {
  color: #fff;
  font-family: "Poppins";
  font-weight: bold;
}

.frase-varones {
  color: #525252;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  font-family: "Poppins";
  font-weight: normal;
}

/*Titulo principal*/
.titulo-principal {
  font-family: "Poppins";
  font-weight: bold;
  text-align: center;
  color: #656565;
  padding-bottom: 0.2em;
}

/*Boton Primaria y Secundaria*/
.botones {
  margin-bottom: 3%;
}

.main-button-primaria a {
  font-size: 1em;
  color: rgb(231, 177, 27);
  background-color: #fff;
  border: 2px solid rgb(231, 177, 27);
  padding: 10px;
  padding-right: 20px;
  padding-left: 20px;
  display: inline-block;
  font-weight: bold;
  transition: all 0.3s;
  border-radius: 5px;
}

.main-button-primaria a:hover {
  color: #fff;
  background-color: rgb(231, 177, 27);
}

.main-button-secundaria a {
  font-size: 1em;
  color: rgb(35, 155, 151);
  background-color: #fff;
  border: 2px solid #239b97;
  padding: 10px;
  display: inline-block;
  font-weight: bold;
  transition: all 0.3s;
  border-radius: 5px;
}

.main-button-secundaria a:hover {
  color: #fff;
  background-color: #239b97;
}

.main-button-btn-matricula a {
  background-color: #fff;
  border: 1px solid rgb(35, 155, 151);
  border-radius: 5px;
  color: rgb(35, 155, 151);
  display: inline-block;
  font-weight: bold;
  margin-right: 5px;
  padding-top: 3px;
  padding-bottom: 2px;
}

.main-button-btn-matricula a:hover {
  background-color: rgb(35, 155, 151);
  color: #fff;
}

/*Scroll fijo de Admisión*/
.scroll-admision .boton-admision-amarillo {
  margin-bottom: 5px;
  transition: all 0.5s ease;
  width: 100%;
}

.scroll-admision {
  display: flex;
  flex-direction: row-reverse;
  position: fixed;
}

.scroll-admision:hover {
  right: 0px;
}

.scroll-admision:hover div:nth-child(2) {
  background-color: #b91833;
}

.scroll-admision a {
  text-align: center;
}

.scroll-admision {
  text-align: center;
}

.imgadmin img {
  margin-top: 200%;
}

.link-registro-admision {
  color: #fff;
  font-size: 0.8rem;
}

.barra-blanca {
  font-family: "Poppins";
  font-weight: 500;
}

/*Scroll de propuesta educativa item01*/
.propuesta-educativa-content-inner1 a {
  color: #fff;
  font-family: "Poppins";
  font-weight: normal;
}

.propuesta-educativa-content-inner2 a {
  color: #fff;
  font-family: "Poppins";
  font-weight: normal;
}

.propuesta-educativa-content-inner3 a {
  color: #fff;
  font-family: "Poppins";
  font-weight: normal;
}

.propuesta-educativa-content-inner4 a {
  color: #fff;
  font-family: "Poppins";
  font-weight: normal;
}

.propuesta-educativa {
  position: relative;
}

.propuesta-educativa h1 {
  color: #44425a;
}

.propuesta-educativa .propuesta-educativa-item1 {
  border-radius: 10px;
  margin-bottom: 1em;
}

.propuesta-educativa .propuesta-educativa-item1 .propuesta-educativa-img1 {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #005c41;
}

.propuesta-educativa .propuesta-educativa-item1 .propuesta-educativa-img1 img {
  transition: 0.5s;
}

.propuesta-educativa
  .propuesta-educativa-item1:hover
  .propuesta-educativa-img1
  img {
  transform: scale(1.1);
}

.propuesta-educativa .propuesta-educativa-item1 .propuesta-educativa-img1::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: rgba(0, 143, 57, 0.5);
  transition: 0.5s;
  z-index: 1;
}

.propuesta-educativa
  .propuesta-educativa-item1:hover
  .propuesta-educativa-img1::after {
  height: 100%;
}

.propuesta-educativa
  .propuesta-educativa-item1
  .propuesta-educativa-img1
  .propuesta-educativa-icon1 {
  position: absolute;
  width: 70px;
  bottom: 0;
  right: 25px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: var(--bs-light);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  z-index: 9;
}

.propuesta-educativa
  .propuesta-educativa-item1
  .propuesta-educativa-img1
  .propuesta-educativa-icon1
  i {
  color: #005c41;
  transition: 0.5s;
}

.propuesta-educativa
  .propuesta-educativa-item1:hover
  .propuesta-educativa-img1
  .propuesta-educativa-icon1
  i {
  transform: rotateX(360deg);
  color: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item1:hover
  .propuesta-educativa-img1
  .propuesta-educativa-icon1 {
  bottom: 0;
  color: var(--bs-white);
  background: rgba(42, 130, 39, 0.9);
}

.propuesta-educativa .propuesta-educativa-content1 {
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: rgba(42, 130, 39, 0.9);
}

.propuesta-educativa
  .propuesta-educativa-item1
  .propuesta-educativa-content1
  .propuesta-educativa-content-inner1 {
  position: relative;
  z-index: 9;
}

.propuesta-educativa
  .propuesta-educativa-item1
  .propuesta-educativa-content1
  .propuesta-educativa-content-inner1
  .h4,
.propuesta-educativa
  .propuesta-educativa-item1
  .propuesta-educativa-content1
  .propuesta-educativa-content-inner1
  p {
  transition: 0.5s;
  color: #fff;
  font-size: 1em;
}

.propuesta-educativa
  .propuesta-educativa-item1:hover
  .propuesta-educativa-content1
  .propuesta-educativa-content-inner1
  .h4,
.propuesta-educativa
  .propuesta-educativa-item1:hover
  .propuesta-educativa-content1
  .propuesta-educativa-content-inner1
  p {
  color: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item1:hover
  .propuesta-educativa-content1
  .propuesta-educativa-content-inner1
  .btn.btn-primary {
  color: var(--bs-primary);
  background: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item1:hover
  .propuesta-educativa-content1
  .propuesta-educativa-content-inner1
  .btn.btn-primary:hover {
  color: var(--bs-white);
  background: var(--bs-dark);
}

.propuesta-educativa
  .propuesta-educativa-item1:hover
  .propuesta-educativa-content1
  .propuesta-educativa-content-inner1
  .h4:hover {
  color: #fff;
}

.propuesta-educativa
  .propuesta-educativa-item1
  .propuesta-educativa-content1::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: rgba(42, 130, 39, 0.9);
  transition: 0.5s;
  z-index: 1;
}

.propuesta-educativa
  .propuesta-educativa-item1:hover
  .propuesta-educativa-content1::after {
  height: 100%;
}

.main-button-prop-educativa01 a {
  font-size: 0.9em;
  color: #005c41;
  background-color: #fff;
  padding: 12px 30px;
  display: inline-block;
  font-weight: 500;
  transition: all 0.3s;
  border-radius: 5px;
}

/*Fin de Scroll de propuesta educativa item01*/

/*** Propuesta educativa 02 ***/
.propuesta-educativa .propuesta-educativa-item2 {
  border-radius: 10px;
  margin-bottom: 1em;
}

.propuesta-educativa .propuesta-educativa-item2 .propuesta-educativa-img2 {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.propuesta-educativa .propuesta-educativa-item2 .propuesta-educativa-img2 img {
  transition: 0.5s;
}

.propuesta-educativa
  .propuesta-educativa-item2:hover
  .propuesta-educativa-img2
  img {
  transform: scale(1.1);
}

.propuesta-educativa
  .propuesta-educativa-item2
  .propuesta-educativa-img2::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: rgba(229, 169, 1, 0.5);
  transition: 0.5s;
  z-index: 1;
}

.propuesta-educativa
  .propuesta-educativa-item2:hover
  .propuesta-educativa-img2::after {
  height: 100%;
}

.propuesta-educativa
  .propuesta-educativa-item2
  .propuesta-educativa-img2
  .propuesta-educativa-icon2 {
  position: absolute;
  width: 70px;
  bottom: 0;
  right: 25px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: var(--bs-light);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  z-index: 9;
}

.propuesta-educativa
  .propuesta-educativa-item2
  .propuesta-educativa-img2
  .propuesta-educativa-icon2
  i {
  color: #e5a901;
  transition: 0.5s;
}

.propuesta-educativa
  .propuesta-educativa-item2:hover
  .propuesta-educativa-img2
  .propuesta-educativa-icon2
  i {
  transform: rotateX(360deg);
  color: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item2:hover
  .propuesta-educativa-img2
  .propuesta-educativa-icon2 {
  bottom: 0;
  color: var(--bs-white);
  background: rgba(229, 169, 1, 0.9);
}

.propuesta-educativa .propuesta-educativa-content2 {
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: rgba(229, 169, 1, 0.9);
}

.propuesta-educativa
  .propuesta-educativa-item2
  .propuesta-educativa-content2
  .propuesta-educativa-content-inner2 {
  position: relative;
  z-index: 9;
}

.propuesta-educativa
  .propuesta-educativa-item2
  .propuesta-educativa-content2
  .propuesta-educativa-content-inner2
  .h4,
.propuesta-educativa
  .propuesta-educativa-item2
  .propuesta-educativa-content2
  .propuesta-educativa-content-inner2
  p {
  transition: 0.5s;
  color: #fff;
  font-size: 1em;
}

.propuesta-educativa
  .propuesta-educativa-item2:hover
  .propuesta-educativa-content2
  .propuesta-educativa-content-inner2
  .h4,
.propuesta-educativa
  .propuesta-educativa-item2:hover
  .propuesta-educativa-content2
  .propuesta-educativa-content-inner2
  p {
  color: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item2:hover
  .propuesta-educativa-content2
  .propuesta-educativa-content-inner2
  .btn.btn-primary {
  color: var(--bs-primary);
  background: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item2:hover
  .propuesta-educativa-content2
  .propuesta-educativa-content-inner2
  .btn.btn-primary:hover {
  color: var(--bs-white);
  background: var(--bs-dark);
}

.propuesta-educativa
  .propuesta-educativa-item2:hover
  .propuesta-educativa-content2
  .propuesta-educativa-content-inner2
  .h4:hover {
  color: #fff;
}

.propuesta-educativa
  .servicpropuesta-educativae-item2
  .propuesta-educativa-content2::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: rgba(229, 169, 1, 0.9);
  transition: 0.5s;
  z-index: 1;
}

.propuesta-educativa
  .propuesta-educativa-item2:hover
  .propuesta-educativa-content2::after {
  height: 100%;
}

.main-button-prop-educativa02 a {
  font-size: 0.9em;
  color: #e8b11a;
  background-color: #fff;
  padding: 12px 30px;
  display: inline-block;
  font-weight: 500;
  transition: all 0.3s;
  border-radius: 5px;
}

/*** Fin de la propuesta educativa 02 ***/

/*** Propuesta educativa 03 ***/
.propuesta-educativa .propuesta-educativa-item3 {
  border-radius: 10px;
  margin-bottom: 1em;
}

.propuesta-educativa .propuesta-educativa-item3 .propuesta-educativa-img3 {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.propuesta-educativa .propuesta-educativa-item3 .propuesta-educativa-img3 img {
  transition: 0.5s;
}

.propuesta-educativa
  .propuesta-educativa-item3:hover
  .propuesta-educativa-img3
  img {
  transform: scale(1.1);
}

.propuesta-educativa
  .propuesta-educativa-item3
  .propuesta-educativa-img3::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: rgba(51, 125, 117, 0.5);
  transition: 0.5s;
  z-index: 1;
}

.propuesta-educativa
  .propuesta-educativa-item3:hover
  .propuesta-educativa-img3::after {
  height: 100%;
}

.propuesta-educativa
  .propuesta-educativa-item3
  .propuesta-educativa-img3
  .propuesta-educativa-icon3 {
  position: absolute;
  width: 70px;
  bottom: 0;
  right: 25px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: var(--bs-light);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  z-index: 9;
}

.propuesta-educativa
  .propuesta-educativa-item3
  .propuesta-educativa-img3
  .propuesta-educativa-icon3
  i {
  color: #337d75;
  transition: 0.5s;
}

.propuesta-educativa
  .propuesta-educativa-item3:hover
  .propuesta-educativa-img3
  .propuesta-educativa-icon3
  i {
  transform: rotateX(360deg);
  color: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item3:hover
  .propuesta-educativa-img3
  .propuesta-educativa-icon3 {
  bottom: 0;
  color: var(--bs-white);
  background: rgba(51, 125, 117, 0.9);
}

.propuesta-educativa .propuesta-educativa-content3 {
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: rgba(51, 125, 117, 0.9);
}

.propuesta-educativa
  .propuesta-educativa-item3
  .propuesta-educativa-content3
  .propuesta-educativa-content-inner3 {
  position: relative;
  z-index: 9;
}

.propuesta-educativa
  .propuesta-educativa-item3
  .propuesta-educativa-content3
  .propuesta-educativa-content-inner3
  .h4,
.propuesta-educativa
  .propuesta-educativa-item3
  .propuesta-educativa-content3
  .propuesta-educativa-content-inner3
  p {
  transition: 0.5s;
  color: #fff;
  font-size: 1em;
}

.propuesta-educativa
  .propuesta-educativa-item3:hover
  .propuesta-educativa-content3
  .propuesta-educativa-content-inner3
  .h4,
.propuesta-educativa
  .propuesta-educativa-item3:hover
  .propuesta-educativa-content3
  .propuesta-educativa-content-inner3
  p {
  color: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item3:hover
  .propuesta-educativa-content3
  .propuesta-educativa-content-inner3
  .btn.btn-primary {
  color: var(--bs-primary);
  background: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item3:hover
  .propuesta-educativa-content3
  .propuesta-educativa-content-inner3
  .btn.btn-primary:hover {
  color: var(--bs-white);
  background: var(--bs-dark);
}

.propuesta-educativa
  .propuesta-educativa-item3:hover
  .propuesta-educativa-content3
  .propuesta-educativa-content-inner3
  .h4:hover {
  color: #fff;
}

.propuesta-educativa
  .propuesta-educativa-item3
  .propuesta-educativa-content3::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: rgba(51, 125, 117, 0.9);
  transition: 0.5s;
  z-index: 1;
}

.propuesta-educativa
  .propuesta-educativa-item3:hover
  .propuesta-educativa-content3::after {
  height: 100%;
}

.main-button-prop-educativa03 a {
  font-size: 0.9em;
  color: #357f77;
  background-color: #fff;
  padding: 12px 30px;
  display: inline-block;
  font-weight: 500;
  transition: all 0.3s;
  border-radius: 5px;
}

/*** Fin de la propuesta educativa 03 ***/

/*** Propuesta educativa 04 ***/
.propuesta-educativa .propuesta-educativa-item4 {
  border-radius: 10px;
}

.propuesta-educativa .propuesta-educativa-item4 .propuesta-educativa-img4 {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.propuesta-educativa .propuesta-educativa-item4 .propuesta-educativa-img4 img {
  transition: 0.5s;
}

.propuesta-educativa
  .propuesta-educativa-item4:hover
  .propuesta-educativa-img4
  img {
  transform: scale(1.1);
}

.propuesta-educativa
  .propuesta-educativa-item4
  .propuesta-educativa-img4::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: rgba(238, 137, 13, 0.5);
  transition: 0.5s;
  z-index: 1;
}

.propuesta-educativa
  .propuesta-educativa-item4:hover
  .propuesta-educativa-img4::after {
  height: 100%;
}

.propuesta-educativa
  .propuesta-educativa-item4
  .propuesta-educativa-img4
  .propuesta-educativa-icon4 {
  position: absolute;
  width: 70px;
  bottom: 0;
  right: 25px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: var(--bs-light);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  z-index: 9;
}

.propuesta-educativa
  .propuesta-educativa-item4
  .propuesta-educativa-img4
  .propuesta-educativa-icon4
  i {
  color: #ee890d;
  transition: 0.5s;
}

.propuesta-educativa
  .propuesta-educativa-item4:hover
  .propuesta-educativa-img4
  .propuesta-educativa-icon4
  i {
  transform: rotateX(360deg);
  color: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item4:hover
  .propuesta-educativa-img4
  .propuesta-educativa-icon4 {
  bottom: 0;
  color: var(--bs-white);
  background: rgba(238, 137, 13, 0.9);
}

.propuesta-educativa .propuesta-educativa-content4 {
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: rgba(238, 137, 13, 0.9);
}

.propuesta-educativa
  .propuesta-educativa-item4
  .propuesta-educativa-content4
  .propuesta-educativa-content-inner4 {
  position: relative;
  z-index: 9;
}

.propuesta-educativa
  .propuesta-educativa-item4
  .propuesta-educativa-content4
  .propuesta-educativa-content-inner4
  .h4,
.propuesta-educativa
  .propuesta-educativa-item4
  .propuesta-educativa-content4
  .propuesta-educativa-content-inner4
  p {
  transition: 0.5s;
  color: #fff;
  font-size: 1em;
}

.propuesta-educativa
  .propuesta-educativa-item4:hover
  .propuesta-educativa-content4
  .propuesta-educativa-content-inner4
  .h4,
.propuesta-educativa
  .propuesta-educativa-item4:hover
  .propuesta-educativa-content4
  .propuesta-educativa-content-inner4
  p {
  color: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item4:hover
  .propuesta-educativa-content4
  .propuesta-educativa-content-inner4
  .btn.btn-primary {
  color: var(--bs-primary);
  background: var(--bs-white);
}

.propuesta-educativa
  .propuesta-educativa-item4:hover
  .propuesta-educativa-content4
  .propuesta-educativa-content-inner4
  .btn.btn-primary:hover {
  color: var(--bs-white);
  background: var(--bs-dark);
}

.propuesta-educativa
  .propuesta-educativa-item4:hover
  .propuesta-educativa-content4
  .propuesta-educativa-content-inner4
  .h4:hover {
  color: #fff;
}

.propuesta-educativa
  .propuesta-educativa-item4
  .propuesta-educativa-content4::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: rgba(238, 137, 13, 0.9);
  transition: 0.5s;
  z-index: 1;
}

.propuesta-educativa
  .propuesta-educativa-item4:hover
  .propuesta-educativa-content4::after {
  height: 100%;
}

.main-button-prop-educativa04 a {
  font-size: 0.9em;
  color: #ef8b10;
  background-color: #fff;
  padding: 12px 30px;
  display: inline-block;
  font-weight: 500;
  transition: all 0.3s;
  border-radius: 5px;
}

.boton-admision-amarillo {
  display: block;
  border-radius: 5px;
}

/*** Fin de la propuesta educativa ***/

.admision {
  font-family: "Poppins";
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.boton-guia-amarillo {
  background: rgba(229, 169, 1, 0.9);
  display: block;
  font-size: 0.8em;
  color: #fff;
  border-radius: 5px;
  font-family: "Poppins";
  font-weight: bold;
}

.boton-guia-amarillo:hover {
  background: rgba(229, 169, 1, 0.9);
  color: #fff;
}

.boton-tour-amarillo {
  background: rgba(229, 169, 1, 0.9);
  display: block;
  font-size: 0.8em;
  color: #fff;
  border-radius: 5px;
  font-family: "Poppins";
  font-weight: bold;
}

.boton-tour-amarillo:hover {
  background: rgba(229, 169, 1, 0.9);
  color: #fff;
}

.noticias-text-porque {
  font-family: "Poppins";
  font-weight: normal;
  color: #fff;
  text-align: justify;
  margin-bottom: 1em;
}

.map-general {
  position: relative;
  height: 450px;
}

.tarjeta-mapa {
  background-color: #ffffff;
  display: flex;
  position: absolute;
  min-height: 0px;
  flex-direction: row;
  gap: 0px 0px;
  border-radius: 25px 25px 25px 25px;
  padding: 20px;
  top: 5px;
}

.img-map img {
  border-radius: 50%;
  border: 4px solid #005329;
}

.tarjeta-titulo {
  color: #005329;
  font-weight: bold;
  font-size: 1.2em;
  margin-left: 1em;
}

.tarjeta-map {
  font-size: 1em;
  font-weight: bold;
  margin-left: 1em;
}

/* Estilo de características */

.porque-img img {
  border-radius: 2em;
}

.caracteristicas {
  position: relative;
  margin-bottom: 1em;
  background-color: #006555;
  padding: 1.5em 0;
}

.caracteristicas .services-left-dec img {
  width: 387px;
  height: 638px;
  left: -80px;
  top: -140px;
  position: absolute;
  z-index: 1;
}

.caracteristicas .services-right-dec img {
  width: 305px;
  height: 305px;
  right: 25px;
  bottom: -120px;
  position: absolute;
  z-index: 1;
}

.caracteristicas .container {
  position: relative;
}

.caracteristicas {
  position: relative;
  margin-top: 0px;
  background-color: #3c8d3b;
  /* margin-top: 2em; */
}

.caracteristicas .section-heading {
  text-align: center;
  margin-bottom: 45px;
}

.caracteristicas .section-heading h2 {
  margin: 0px 60px;
  margin-bottom: -10px;
}

.caracteristicas .item {
  text-align: center;
  margin: 15px;
  border-radius: 20px;
  background-color: #fff;
  padding: 30px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

.caracteristicas .item h4 {
  font-size: 20px;
  font-weight: 700;
  color: #2a2a2a;
  margin-bottom: 30px;
  line-height: 30px;
}

.caracteristicas .item .icon {
  width: 45px;
  height: 45px;
  margin: 0 auto;
}

.caracteristicas .item p {
  margin-top: 35px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}

.caracteristicas .owl-dots {
  text-align: center;
  margin-top: 20px;
}

.caracteristicas .owl-dots .owl-dot {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.3;
  margin: 0px 5px;
}

.caracteristicas .owl-dots .active {
  opacity: 1;
  width: 10px;
  height: 10px;
}

/*Reconocimientos*/
.subtitulo-principal {
  font: 3em;
  font-weight: bold;
  line-height: 1.2;
}

.project-carousel .owl-nav {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  margin-bottom: 1em;
}

.project-carousel .owl-nav .owl-prev,
.project-carousel .owl-nav .owl-next {
  margin: 0 12px;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dfe4fd !important;
  background: #005c3f !important;
  border-radius: 45px;
  font-size: 22px;
  transition: 0.5s;
}

.project-carousel .owl-nav .owl-prev:hover,
.project-carousel .owl-nav .owl-next:hover {
  background: #005c3f;
  color: #dfe4fd;
}

.project-item,
.project-item .project-img {
  position: relative;
}

.project-item .project-img span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  opacity: 0;
  transition: 0.5s;
  color: #005329;
}

.project-item:hover .project-img span {
  opacity: 1;
}

.project-item .project-title {
  position: absolute;
  top: 1rem;
  right: 0;
  bottom: 0;
  left: 1rem;
  border: 1px solid #dfe4fd;
  border-radius: 8px;
  display: flex;
  align-items: flex-end;
  padding: 18px;
  z-index: -1;
  transition: 0.5s;
}

.project-item:hover .project-title {
  background: #005c3f;
  border-color: #005c3f;
}

.project-item .project-title h4 {
  transition: 0.5s;
}

.project-item:hover .project-title h4 {
  color: #ffffff;
}

/*Noticias*/
.testimonios {
  margin: 0;
  padding: 0;
}

.testimonios .section-header h2 {
  font-weight: bold;
}

.testimonios .testimonios-img {
  position: relative;
}

.testimonios .testimonios-img img {
  position: relative;
  border-radius: 15px;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
}

.testimonios .btn-play2:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fbaf32;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.testimonios .btn-play2:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  /* background: #fbaf32; */
  background: rgba(229, 169, 1, 0.9);
  border-radius: 50%;
  transition: all 200ms;
}

.testimonios .btn-play2 img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.testimonios .btn-play2 span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 17px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: -5px;
  left: -10px;
}

.testimonios .testimonios-content {
  position: relative;
}

.testimonios .testimonios-text a.btn {
  position: relative;
  margin-top: 15px;
}

.admision-alumni {
  font-family: "Alfa Slab One";
  font-weight: normal;
  color: #fff;
}

.subtitulo-alumni {
  color: #fff;
  text-align: center;
  margin-bottom: 0.5em;
  font-family: "Poppins";
  font-weight: normal;
}

.desc-testimonio::after {
  content: "";
  display: block;
  width: 50%;
  height: 3px;
  background: #e0af00;
  margin: 1px auto 1px;
  text-align: center;
}

.ver-testimonio a {
  color: #fff;
}

.ver-testimonio {
  text-align: end;
}

.ver-testimonio a:hover {
  color: #e7b11b;
  font-weight: bold;
}

.desc-secundaria {
  font-family: "Poppins";
  font-weight: normal;
  text-align: center;
  color: #525252;
  margin-bottom: 2.5em;
  margin-left: 3em;
  margin-right: 3em;
}

.titulo-linea-principal:after {
  content: "";
  display: block;
  width: 70px;
  height: 6px;
  background: #e0af00;
  margin: -57px auto 10px;
  font-weight: bold;
  margin-bottom: 1em;
}

.titulo-linea-principal-news:after {
  content: "";
  display: block;
  width: 70px;
  height: 6px;
  background: #e0af00;
  margin: -30px auto 10px;
  font-weight: bold;
  margin-bottom: 1em;
}

.titulo-linea-afamily:after {
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  background: #fff;
  margin: -30px auto 10px;
  font-weight: bold;
  margin-bottom: 1em;
}

.titulo-princ h2 {
  position: relative;
  text-align: center;
  color: #005c3f;
  padding-top: 1em;
}

.titulo-princ-algarrobos {
  position: relative;
  text-align: center;
  color: #005c3f;
  padding-top: 1em;
  font-family: "Alfa Slab One";
  font-weight: normal;
}

.titulo-princ-testimonios {
  position: relative;
  text-align: center;
  color: #005c3f;
  padding-top: 1em;
  font-family: "Alfa Slab One";
  font-weight: normal;
}

.titulo-princ-testimonios-not {
  position: relative;
  text-align: center;
  color: #005329;
  padding-top: 0.5em;
  font-family: "Alfa Slab One";
  font-weight: normal;
  margin-bottom: 1em;
}

.titulo-princ-testimonios-not-sub {
  position: relative;
  text-align: justify;
  color: #585b5c;
  padding-top: 0.5em;
  font-family: "Poppins";
  font-weight: bold;
  margin-right: 1.5em;
}

.titulo-princ-testimonios-not-not {
  position: relative;
  text-align: justify;
  color: #005329;
  padding-top: 0.5em;
  font-family: "Alfa Slab One";
  font-weight: normal;
}

.titulo-princ-testimonios-tit {
  position: relative;
  text-align: center;
  color: #005c3f;
  font-family: "Alfa Slab One";
  font-weight: normal;
  margin-left: 0.5em;
}

.titulo-principios-educativos {
  position: relative;
  text-align: center;
  color: #005c3f;
  padding-top: 1em;
  font-family: "Alfa Slab One";
  font-weight: normal;
}

.testimonios-general {
  background-color: rgba(228, 227, 227, 0.9);
  padding-bottom: 3em;
}

.testimonios-general-body {
  background-color: #fff;
  padding-bottom: 3em;
}

/*Noticias*/

.noticia-news-area {
  margin-bottom: 5.5em;
}

.noticia-news-area
  .noticia-wrapper
  .slider-wrapper
  .noticia-single
  .noticia-img
  img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}

.noticia-img a {
  width: 270px;
}

.noticia-news-area
  .noticia-wrapper
  .slider-wrapper
  .noticia-single
  .noticia-caption
  h4
  a {
  font-size: 0.5em;
  font-weight: 700;
  line-height: 1.3;
  display: block;
  color: #252c38;
  padding-left: 30px;
  padding-right: 22px;
  font-family: "Poppins";
  font-weight: 500;
  color: #005c41;
}

.noticia-news-area
  .noticia-wrapper
  .slider-wrapper
  .noticia-single
  .noticia-caption
  p {
  color: #838793;
  font-size: 12px;
  margin: 0;
  padding-left: 30px;
  padding-right: 22px;
  color: #e0af00;
}

.noticia-news-area .noticia-wrapper .dot-style .slick-dots {
  text-align: center;
  right: 0;
  position: absolute;
  left: 0;
  bottom: -50px;
}

.noticia-news-area .noticia-wrapper .dot-style .slick-dots li {
  display: inline-block;
}

.noticia-news-area .noticia-wrapper .dot-style .slick-dots button {
  text-indent: -100000px;
  height: 8px;
  width: 8px;
  border: 0;
  padding: 0;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 50%;
  background: #d6d6d6;
}

.noticia-news-area
  .noticia-wrapper
  .dot-style
  .slider-active.dot-style
  .slick-dots
  button {
  text-indent: -100000px;
  height: 10px;
  width: 10px;
  border: 0;
  padding: 0;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 50%;
  margin-bottom: 84px;
}

.noticia-news-area .noticia-wrapper .dot-style .slick-active button {
  background: #005c41;
  height: 9px;
  width: 38px;
  border-radius: 10px;
}

/*alianzas y convenios*/
.logo-alianzayconveniosection {
  padding: 70px 120px;
  background-color: #eceded;
  padding-bottom: 8em;
}

.logo-alianzayconveniosection .logo-alianzayconvenioitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.logo-alianzayconveniosection .logo-alianzayconvenioitem:hover {
  opacity: 1;
}

.logo-alianzayconveniosection .owl-carousel .owl-alianzayconvenioitem img {
  display: block;
  width: auto;
}

/*Footer*/
.site-footer {
  position: relative;
  background: #005329;
  font-weight: normal;
  font-family: "Poppins";
  font-weight: 500;
}

.site-footer.slanted-footer:before {
  content: "";
  background: #fff;
  height: 200px;
  -webkit-transform: skewY(-5deg);
  -ms-transform: skewY(-5deg);
  transform: skewY(-5deg);
  position: absolute;
  left: 0;
  top: -100px;
  right: 0;
  z-index: -1;
}

.site-footer h3 {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  color: #fff;
}

.site-footer a {
  color: #fff;
}

.site-footer a:hover {
  color: #fff;
}

.site-footer ul li {
  margin-bottom: 0.5rem;
}

.site-footer ul li a {
  color: #fff;
}

.site-footer ul li a:hover {
  color: #fff;
}

.desc-servicioslist {
  font-family: "Poppins";
}

/*sub menu en el cuerpo*/
.page-header-default {
  background: linear-gradient(rgba(24, 29, 56, 0.3), rgba(24, 29, 56, 0.7));
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-header-bienvenida {
  background: linear-gradient(rgba(24, 29, 56, 0.3), rgba(24, 29, 56, 0.7)),
    url(/img/bienvenida/fondo-bienvenida.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.list-submenugeneral .item {
  display: none;
}

.list-submenugeneral.slick-initialized .item {
  display: block;
}

.list-submenugeneral .item {
  padding: 0 0.5rem 0 0.5rem;
}

.list-submenugeneral .item a {
  display: block;
  color: white;
  padding: 0.5rem 1.2rem 0.5rem 1.2rem;
  border-radius: 1rem;
  margin: 1.1rem 0 1.1rem 0;
  font-family: "Poppins";
  font-weight: bold;
}

.list-submenugeneral .active a {
  background-color: #eceded;
  border-radius: 2em;
  font-family: "Poppins";
  font-weight: bold;
  color: #006046;
}

.list-submenugeneral .btn-arrow2 {
  position: absolute;
  top: calc(50% - 17px);
  z-index: 995;
  /* padding: 0.5rem 0.5rem 0.5rem 0.5rem; */
  width: 20px;
  height: 34px;
  cursor: pointer;
}

.list-submenugeneral .btn-arrow2.prev2 {
  top: 0rem;
  left: -0.5rem;
  height: 100%;
  background-image: url("/img/iconos/left-arrow-2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
  background-color: rgba(29, 59, 28, 0.7);
}

.list-submenugeneral .btn-arrow2.next2 {
  top: 0rem;
  right: -0.5rem;
  height: 100%;
  background-image: url("/img/iconos/right-arrow-2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
  background-color: rgba(29, 59, 28, 0.7);
}

.list-submenugeneral .btn-arrow2.slick-disabled {
  opacity: 0;
}

/*submenu afamily*/
.list-submenugeneral-afamily .item {
  display: none;
}

.list-submenugeneral-afamily.slick-initialized .item {
  display: block;
}

.list-submenugeneral-afamily .item {
  padding: 0 2.5rem 0 0.5rem;
}

.list-submenugeneral-afamily .item a {
  display: block;
  color: white;
  padding: 0.5rem 1.2rem 0.5rem 1.2rem;
  border-radius: 1rem;
  margin: 1.1rem 0 1.1rem 0;
  font-family: "Poppins";
  font-weight: bold;
}

.list-submenugeneral-afamily .active a {
  background-color: #eceded;
  border-radius: 2em;
  font-family: "Poppins";
  font-weight: bold;
  color: #006046;
}

.list-submenugeneral-afamily .btn-arrow2 {
  position: absolute;
  top: calc(50% - 17px);
  z-index: 995;
  /* padding: 0.5rem 0.5rem 0.5rem 0.5rem; */
  width: 20px;
  height: 34px;
  cursor: pointer;
}

.list-submenugeneral-afamily .btn-arrow2.prev2 {
  top: 0rem;
  left: -0.5rem;
  height: 100%;
  background-image: url("/img/iconos/left-arrow-2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
  background-color: rgba(29, 59, 28, 0.7);
}

.list-submenugeneral-afamily .btn-arrow2.next2 {
  top: 0rem;
  right: -0.5rem;
  height: 100%;
  background-image: url("/img/iconos/right-arrow-2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
  background-color: rgba(29, 59, 28, 0.7);
}

.list-submenugeneral-afamily .btn-arrow2.slick-disabled {
  opacity: 0;
}

.list-submenugeneral-directivos .btn-arrow2 {
  position: absolute;
  top: calc(50% - 17px);
  z-index: 995;
  /* padding: 0.5rem 0.5rem 0.5rem 0.5rem; */
  width: 20px;
  height: 34px;
  cursor: pointer;
}

.list-submenugeneral-directivos .btn-arrow2.prev2 {
  top: 0rem;
  left: -0.5rem;
  height: 100%;
  background-image: url("/img/iconos/left-arrow-2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
  background-color: rgba(29, 59, 28, 0.7);
}

.list-submenugeneral-directivos .btn-arrow2.next2 {
  top: 0rem;
  right: -0.5rem;
  height: 100%;
  background-image: url("/img/iconos/right-arrow-2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
  background-color: rgba(29, 59, 28, 0.7);
}

.list-submenugeneral-directivos .btn-arrow2.slick-disabled {
  opacity: 0;
}

.img-border img {
  box-shadow: 7px 7px 12px 0 rgba(20, 20, 20, 0.3);
  border-radius: 1em;
}

.parrafo-tit-general {
  color: #005c41;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 1em;
  text-align: justify;
  font-family: "Poppins";
  font-weight: 500;
}

.parrafo-general {
  padding-top: 1.2em;
  font-weight: 400px;
  text-align: justify;
  margin-top: 1em;
  font-family: "Poppins";
  font-weight: normal;
}

.firma {
  color: #005c41;
  text-align: right;
  margin-top: 1em;
  font-family: "Poppins";
  font-weight: bold;
}

.firma-alumni {
  color: #585b5c;
  text-align: right;
  margin-top: 1em;
  font-family: "Poppins";
  font-weight: normal;
}

.cargo-alumni {
  color: #585b5c;
  text-align: right;
  margin-top: 1em;
  font-family: "Poppins";
  font-weight: bold;
}

.page-header-historia {
  background: linear-gradient(rgba(24, 29, 56, 0.3), rgba(24, 29, 56, 0.7)),
    url(/img/historia/fondo-historia.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mapa-iframe {
  padding: 56.25% 0 0 0;
  position: relative;
}

.footer-icon {
  margin-bottom: 0.7em;
}

.enlaces-footer {
  margin-top: 2.5em;
}

.copy-footer {
  border-color: rgba(256, 256, 256, 0.1) !important;
}

.submenu-general {
  background-color: #005c41;
}

.sub-submenu-general {
  background-color: #005c41;
}

.bloques-general {
  background-color: #eceded;
}

.franja-general {
  position: relative;
}

.iconito-container {
  display: flex;
  gap: 20px;
  margin-bottom: 1em;
  margin-top: 1.5em;
}

.iconito {
  font-size: 50px;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.3s ease, transform 0.2s ease;
}

.iconito:hover {
  opacity: 1;
  transform: scale(1.1);
}

.iconito.active {
  opacity: 1 !important;
  transform: scale(1.1);
}

.descrip-info-anios {
  margin-top: -45px;
}

.scroll-fecha {
  font-size: 2.2em;
  font-family: "Poppins";
  font-weight: bold;
  color: #00542b;
  text-align: center;
}

.parrafo-scroll {
  text-align: justify;
  font-family: "Poppins";
  font-weight: normal;
}

/*Estilo para historia scroll*/
.historia-linea:before {
  content: "";
  width: 100%;
  margin: 0;
  display: block;
  position: relative;
}

.historia-linea .flechas-historia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.historia-linea .flechas-historia span {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 100%;
  color: #005c41;
  border: 1px solid rgba(193, 199, 205, 0.5);
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  border-color: #005c41;
}

.historia-linea .flechas-historia span:before {
  font-family: icomoon;
  font-size: 12px;
}

.historia-linea .flechas-historia span:hover {
  color: #e7b11b;
  border-color: #e7b11b;
}

.historia-linea .numeros-buls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.historia-linea .numeros-linea .bul-anos-sd.slick-current span {
  font-family: "Poppins";
  font-weight: bold;
  text-align: center;
  font-size: 3em;
  color: #00542b;
  margin-top: 35px;
}

.historia-linea .numeros-linea .bul-anos-sd.slick-current span:before {
  background-image: url(/img/iconos/icon-hist01.png);
}

.historia-linea .numeros-v .bul-anos-sd.slick-current span i {
  font-size: 22px;
}

.historia-linea .numeros-buls i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: normal;
  text-align: center;
}

.historia-linea .numeros-linea span {
  font-size: 18px;
  color: #c1c7cd;
  line-height: 2.22;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 117px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  cursor: pointer;
}

.historia-linea .numeros-linea span img {
  opacity: 0.2;
}

.historia-linea .numeros-linea .bul-anos-sd.slick-current span img {
  font-size: 25px;
  color: #005cb9;
  opacity: 1;
}

.historia-linea .numeros-linea span.active {
  font-size: 25px;
  color: #005cb9;
}

.historia-linea .numeros-linea span.active:before {
  font-family: "icomoon" !important;
  content: "\e902";
  color: #005cb9;
  background: none;
  width: 26px;
  position: relative;
}

.historia-linea .numeros-linea span.first-act {
  font-size: 25px;
  color: #005cb9;
}

.historia-linea .numeros-linea span.first-act:before {
  font-family: "icomoon" !important;
  color: #005cb9;
  background: none;
  width: 26px;
  position: relative;
}

/*Fin estilo para historia scroll*/

/*Footer*/
.site-footer .scroll-top {
  position: absolute;
  z-index: 5;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.site-footer .scroll-top > span {
  position: absolute;
  font-size: 2rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff !important;
}

/*Misión, Visión y Valores*/
.titulo-beneficio-alumni {
  font-family: "Alfa Slab One";
  font-weight: normal;
}

.page-header-mision {
  background: linear-gradient(rgba(24, 29, 56, 0.3), rgba(24, 29, 56, 0.7)),
    url(/img/mision/fondo-mision.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-header-simbolo {
  background: linear-gradient(rgba(24, 29, 56, 0.3), rgba(24, 29, 56, 0.7)),
    url(/img/afamily/fondo-simbolo.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.descar-doc {
  color: #006046;
}

.page-header-ediferencia {
  background: linear-gradient(rgba(24, 29, 56, 0.3), rgba(24, 29, 56, 0.7)),
    url(/img/ediferenciada/fondo-ediferenciada.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-header-protagonistas {
  background: linear-gradient(rgba(24, 29, 56, 0.3), rgba(24, 29, 56, 0.7)),
    url(/img/protagonistas/fondo-protagonistas.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about_title {
  color: #005c41;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 1em;
  text-align: justify;
  font-family: "Poppins";
  font-weight: 500;
}

.boton-mision {
  border: none;
  color: #005329;
  font-family: "Poppins";
  font-weight: 500;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 2em;
}

.boton-mision:hover {
  background-color: #005329;
}

.boton-afamily1 {
  font-size: 1.3em;
  border: none;
  color: #fff;
  font-family: "Poppins";
  font-weight: 500;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  background-color: #419347;
}

.boton-afamily1:hover {
  background-color: #8dc63e;
}

.boton-afamily2 {
  font-size: 1.3em;
  border: none;
  color: #fff;
  font-family: "Poppins";
  font-weight: 500;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  background-color: #e3ad31;
}

.boton-afamily2:hover {
  background-color: #f15928;
}

.boton-afamily3 {
  font-size: 1.3em;
  border: none;
  color: #fff;
  font-family: "Poppins";
  font-weight: 500;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  background-color: #488a83;
}

.boton-afamily3:hover {
  background-color: #00a79e;
}

.boton-afamily4 {
  font-size: 1.3em;
  border: none;
  color: #fff;
  font-family: "Poppins";
  font-weight: 500;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  background-color: #f08d26;
}

.boton-afamily4:hover {
  background-color: #d91a5c;
}

.boton-protagonista {
  font-size: 1.3em;
  border: none;
  color: #005329;
  font-family: "Poppins";
  font-weight: 500;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.boton-protagonista:hover {
  background-color: #005329;
}

.boton-rosado {
  background-color: #d91a5c;
  color: white;
  padding: 15px 30px;
  font-size: 1em;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s;
  font-family: "Poppins";
  font-weight: bold;
}

.page-header-patrono {
  background: linear-gradient(rgba(24, 29, 56, 0.3), rgba(24, 29, 56, 0.7)),
    url(/img/patrono/fondo-patrono.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*Estilo para el video de san jose maria*/
/* 3. Contenedor con imagen de fondo */
.background-sanjose {
  height: 135vh;
  background-image: url("/img/patrono/img-video-patrono.png");
  /* Cambia esta URL por la imagen que desees */
  background-size: cover;
  background-position: center;
  position: relative;
}

.background-himno {
  height: 70vh;
  background-image: url("/img/afamily/foto-himno02.jpg");
  /* Cambia esta URL por la imagen que desees */
  background-size: cover;
  background-position: center;
  position: relative;
}

.background-himno2 {
  height: 370px;
  background-image: url("/img/afamily/foto-himno01.jpg");
  /* Cambia esta URL por la imagen que desees */
  background-size: cover;
  background-position: center;
  position: relative;
}

/* 4. Capa oscura (overlay) */
.overlay-sanjose {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Capa oscura con opacidad */
  z-index: 0;
  /* Asegura que la capa esté detrás del contenido */
}

/* 5. Contenido centrado */
.content-sanjose {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 1;
}

/* 7. Estilos del subtítulo */
.content-sanjose p {
  margin-top: 0.5em;
  font-size: 0.9em;
  margin-bottom: 20px;
}

/* 8. Estilo del botón */
.btn-sanjose {
  padding: 12px 25px;
  font-size: 1em;
  background-color: #d8195c;
  color: white;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  font-family: "Poppins";
  font-weight: normal;
}

/* 9. Efecto al pasar el mouse sobre el botón */
.btn-sanjose:hover {
  background-color: #fff;
  color: #d8195c;
  border: 1px dolid #d8195c;
}

/* 10. Popup de video (Pantalla Completa) */
.popup-sanjose {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  /* Fondo oscuro */
  z-index: 999;
  justify-content: center;
  align-items: center;
}

/* 11. Contenido del popup (video) */
.popup-content-sanjose {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 12. Estilos del iframe */
#video-frame-sanjose {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

/* 13. Botón de cerrar */
.close-btn-sanjose {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}

/* 14. Responsividad */
@media (max-width: 768px) {
  .content-sanjose p {
    font-size: 1.2rem;
  }

  .btn-sanjose {
    padding: 10px 20px;
    font-size: 1rem;
  }
}

/* 4. Capa oscura (overlay) */
.overlay-himno {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Capa oscura con opacidad */
  z-index: 0;
  /* Asegura que la capa esté detrás del contenido */
}

/* 5. Contenido centrado */
.content-himno {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 1;
}

/* 7. Estilos del subtítulo */
.content-himno p {
  margin-top: 0.5em;
  font-size: 0.9em;
  margin-bottom: 20px;
}

/* 8. Estilo del botón */
.btn-himno {
  padding: 12px 25px;
  font-size: 2.5em;
  background-color: #fff;
  color: #00542b;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-family: "Poppins";
  font-weight: bold;
}

/* 9. Efecto al pasar el mouse sobre el botón */
.btn-himno:hover {
  background-color: #fff;
  color: #00542b;
  border: 1px dolid #00542b;
}

/* 10. Popup de video (Pantalla Completa) */
.popup-himno {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  /* Fondo oscuro */
  z-index: 999;
  justify-content: center;
  align-items: center;
}

/* 11. Contenido del popup (video) */
.popup-content-himno {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 12. Estilos del iframe */
#video-frame-himno {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

/* 13. Botón de cerrar */
.close-btn-himno {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}

/* 14. Responsividad */
@media (max-width: 768px) {
  .content-himno p {
    font-size: 1.2rem;
  }

  .btn-himno {
    padding: 10px 20px;
    font-size: 1rem;
  }
}

.page-header-etapaeducativa {
  background: url(/img/eteducativas/fondo-eeducativas.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.item-edu {
  font-size: 1.3em;
  color: #005c41;
  font-weight: bold;
  margin-bottom: 0.3em;
  font-family: "Poppins";
  font-weight: 500;
}

.item-edu-hover {
  font-size: 1em;
  color: #fff;
  text-align: center;
  font-family: "Poppins";
  font-weight: 500;
}

.margen-boton-hover {
  margin-bottom: 1em;
}

.margen-conteo {
  margin-bottom: 4em;
  margin-top: 2em;
  font-family: "Poppins";
  font-weight: 500;
}

.numero-conteo {
  color: #5f5f5f;
  font-family: "Poppins";
  font-weight: bold;
  font-size: 3em;
}

.texto-conteo {
  font-size: 1.5em;
}

.porcentaje {
  color: #5f5f5f;
  font-weight: bold;
  font-size: 3em;
}

.page-header-campusverde {
  background: url(/img/campusverde/fondo-eeducativas.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*scroll automatico deportivos*/
/*
---------------------------------------------
services
---------------------------------------------
*/

.infraestructura-servicios .item {
  background-image: url(../images/service-item-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  padding: 40px;
}

.infraestructura-servicios .item .icon {
  /* max-width: 60px; */
  margin: 0 auto;
}

.infraestructura-servicios .item h4 {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}

.infraestructura-servicios .item p {
  color: #fff;
  font-size: 13px;
}

.infraestructura-servicios .owl-nav {
  display: inline-block !important;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-25px);
}

.infraestructura-servicios .owl-nav .owl-prev {
  margin-right: 10px;
  outline: none;
  position: absolute;
}

.infraestructura-servicios .owl-nav .owl-next {
  margin-left: 10px;
  outline: none;
  position: absolute;
}

.infraestructura-servicios .owl-nav .owl-prev span,
.infraestructura-servicios .owl-nav .owl-next span {
  opacity: 0;
}

.infraestructura-servicios .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: "FontAwesome";
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: "\f104";
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

.infraestructura-servicios .owl-nav .owl-prev {
  opacity: 1;
  transition: all 0.5s;
}

.infraestructura-servicios .owl-nav .owl-prev:hover {
  opacity: 0.9;
}

.infraestructura-servicios .owl-nav .owl-next {
  opacity: 1;
  transition: all 0.5s;
}

.infraestructura-servicios .owl-nav .owl-next:hover {
  opacity: 0.9;
}

.infraestructura-servicios .owl-nav .owl-next:before {
  display: inline-block;
  font-family: "FontAwesome";
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: "\f105";
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

/*fin de scroll deportivos*/

/*scroll automatico infraestructura*/
/*
---------------------------------------------
services
---------------------------------------------
*/

.services3 .item {
  background-image: url(../images/service-item-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  padding: 40px;
}

.services3 .item .icon {
  /* max-width: 60px; */
  margin: 0 auto;
}

.services3 .item h4 {
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}

.services3 .item p {
  color: #fff;
  font-size: 13px;
}

.services3 .owl-nav {
  display: inline-block !important;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-25px);
}

.services3 .owl-nav .owl-prev {
  margin-right: 10px;
  outline: none;
  position: absolute;
  left: -80px;
}

.services3 .owl-nav .owl-prev span,
.services3 .owl-nav .owl-next span {
  opacity: 0;
}

.services3 .owl-nav .owl-prev:before {
  display: inline-block;
  font-family: "FontAwesome";
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: "\f104";
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

.services3 .owl-nav .owl-prev {
  opacity: 1;
  transition: all 0.5s;
}

.services3 .owl-nav .owl-prev:hover {
  opacity: 0.9;
}

.services3 .owl-nav .owl-next {
  opacity: 1;
  transition: all 0.5s;
}

.services3 .owl-nav .owl-next:hover {
  opacity: 0.9;
}

.services3 .owl-nav .owl-next {
  margin-left: 10px;
  outline: none;
  position: absolute;
  right: -85px;
}

.services3 .owl-nav .owl-next:before {
  display: inline-block;
  font-family: "FontAwesome";
  color: #1e1e1e;
  font-size: 25px;
  font-weight: 700;
  content: "\f105";
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
}

/*fin de scroll infraestructura*/

/*** slider campus verde ***/

.carousel-item {
  position: relative;
}

.carousel-item::after {
  content: "";
  /* width: 100%f.carousel-control-prev2; */
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* background: rgba(0, 0, 0, .6); */
}

.carousel-caption {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.carousel-item p {
  max-width: 700px;
  margin: 0 auto 35px auto;
}

.carousel-control-prev {
  width: 90px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #005c41;
  border-radius: 0 50px 50px 0;
  opacity: 1;
}

.carousel-control-prev:hover {
  background: var(--bs-secondary);
  transition: 0.8s;
}

.carousel-control-prev {
  width: 90px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #005c41;
  border-radius: 0 50px 50px 0;
  opacity: 1;
}

.carousel-control-prev2 {
  width: 65px;
  height: 65px;
  position: absolute;
  top: 25%;
  left: 1em;
  background: #005c41;
  border-radius: 50px;
  opacity: 1;
  border: none;
}

.carousel-control-prev-icon2,
.carousel-control-next-icon2 {
  display: inline-block;
  width: 2rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon2 {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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");
}

.carousel-control-next-icon2 {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%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");
}

.carousel-control-prev:hover {
  background: var(--bs-secondary);
  transition: 0.8s;
}

.carousel-control-next {
  width: 90px;
  height: 60px;
  position: absolute;
  top: 50%;
  right: 0;
  background: #005c41;
  border-radius: 50px 0 0 50px;
  opacity: 1;
}

.carousel-control-next2 {
  width: 65px;
  height: 65px;
  position: absolute;
  top: 25%;
  right: 1em;
  background: #005c41;
  border-radius: 50px;
  opacity: 1;
  border: none;
}

.carousel-control-next2:hover {
  background: var(--bs-secondary);
  transition: 0.8s;
}

.carousel-control-next:hover {
  background: var(--bs-secondary);
  transition: 0.8s;
}

.carousel-caption .carousel-content a button.carousel-content-btn1 {
  background: var(--bs-secondary);
  color: var(--bs-dark);
  opacity: 1;
  border: 0;
  border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn1:hover {
  background: var(--bs-primary);
  color: #ffffff;
  border: 0;
  opacity: 1;
  transition: 1s;
  border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn2 {
  background: var(--bs-primary);
  color: var(--bs-white);
  opacity: 1;
  border: 0;
  border-radius: 20px;
}

.carousel-caption .carousel-content a button.carousel-content-btn2:hover {
  background: var(--bs-secondary);
  color: var(--bs-dark);
  border: 0;
  opacity: 1;
  transition: 1s;
  border-radius: 20px;
}

#carouselId .carousel-indicators li {
  width: 30px;
  height: 10px;
  background: var(--bs-primary);
  margin: 10px;
  border-radius: 30px;
  opacity: 1;
}

#carouselId .carousel-indicators li:hover {
  background: var(--bs-secondary);
  opacity: 1;
}

@media (max-width: 992px) {
  .carousel-item {
    min-height: 500px;
  }

  .carousel-item h1 {
    font-size: 40px !important;
  }

  .carousel-item p {
    font-size: 16px !important;
  }
}

@media (max-width: 768px) {
  .carousel-item {
    min-height: 400px;
  }



  .carousel-item h1 {
    font-size: 28px !important;
  }

  .carousel-item p {
    font-size: 14px !important;
  }
}

.page-header {
  background-image: url(/img/FCV02.png) center center no-repeat;
  background-size: cover;
}

.page-header .breadcrumb-item + .breadcrumb-item::before {
  color: var(--bs-white);
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
  font-size: 18px;
  color: var(--bs-white);
}

/*** fin slider campus verde ***/

.page-header-campusverde {
  background: url(/img/campusverde/fondo-campusverde.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-header-deporte {
  background: url(/img/deporte/fondo-deporte.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.et_pb_text_inner {
  font-size: 2.5em;
  color: #fff;
  font-family: "Poppins";
  font-weight: bold;
}

.dipl_image_card_carousel_0 .swiper-pagination-bullet {
  background: #cccccc !important;
}

.dipl_image_card_carousel_0
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #e8b517 !important;
}

/*Efecto de Educacion Personalizada - Primaria - Secundaria*/
.bloque-ed-pers {
  position: relative;
  overflow: hidden;
  background-color: #f1f2f2;
  border: 1px solid #ddd;
  border-radius: 50px;
  height: 315px;
  padding: 20px;
  transition: all 0.5s ease;
  box-shadow: 7px 7px 12px 0 rgba(20, 20, 20, 0.3);
}

/* Encabezado dentro de cada bloque con fondo verde */
.bloque-ed-pers .encabezado {
  color: white;
  /* Texto blanco */
  text-align: center;
  font-weight: bold;
  border-radius: 0px;
  /* Sin bordes redondeados */
  margin: 0;
  /* Sin márgenes */
  position: absolute;
  top: 0;
  /* Se coloca en la parte superior */
  left: 0;
  width: 100%;
  /* Se extiende a lo largo del bloque */
  background-color: #005c41;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 2.3em;
  font-family: "Poppins";
  font-weight: bold;
}

/* Contenido inicial, que siempre se muestra */
.bloque-ed-pers .contenido-inicial {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  z-index: 2;
  transition: opacity 0.5s ease;
  padding-top: 10em;
  padding-bottom: 5em;
}

/* Contenido hover */
.bloque-ed-pers .contenido-hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  padding-top: 7em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: linear-gradient(
    to bottom,
    rgba(248, 177, 50, 0.2) 0%,
    rgba(248, 177, 50, 1) 60%
  );
  /* background-color: #F8B132; */
  color: white;
  z-index: 1;
  transform: translateY(100%);
  /* Inicia fuera de la vista (desplazado hacia arriba) */
  transition: opacity 0.5s ease, transform 0.5s ease;
  /* Transiciones de opacidad y desplazamiento */
}

/* Efecto hover: el contenido de hover se muestra de arriba hacia abajo */
.bloque-ed-pers:hover .contenido-inicial {
  opacity: 0;
}

.bloque-ed-pers:hover .contenido-hover {
  opacity: 1;
  transform: translateY(0);
  /* Desplaza el contenido desde arriba hacia abajo */
}

/*Iconos de colores dentro de etapa educativa*/
.desc-trabajo-rojo {
  font-size: 1.7em;
  color: #d60b52;
  text-align: center;
  font-family: "Poppins";
  font-weight: bold;
}

.desc-responsabilidad-verde {
  font-size: 1.7em;
  color: #39a834;
  font-weight: bold;
  text-align: center;
}

.desc-generosidad-verdeo {
  font-size: 1.7em;
  color: #168573;
  font-weight: bold;
  text-align: center;
}

.desc-orden-amarillo {
  font-size: 1.7em;
  color: #f9b233;
  font-weight: bold;
  text-align: center;
}

/* Contenido hover */
.bloque2 .contenido-hover4 {
  position: absolute;
  border-radius: 0 0 50px 50px;
  top: 10em;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  padding-top: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: linear-gradient(
    to bottom,
    rgba(19, 87, 141, 1) 0%,
    rgba(19, 87, 141, 1) 60%
  );
  /* background-color: #F8B132; */
  color: white;
  z-index: 1;
  transform: translateY(100%);
  height: 60%;
  /* Inicia fuera de la vista (desplazado hacia arriba) */
  transition: opacity 0.5s ease, transform 0.5s ease;
  /* Transiciones de opacidad y desplazamiento */
  text-align: center;
}

.bloque2:hover .contenido-hover4 {
  opacity: 1;
  transform: translateY(0);
  /* Desplaza el contenido desde arriba hacia abajo */
}

/* Contenido hover */
.bloque2 .contenido-hover5 {
  position: absolute;
  border-radius: 0 0 50px 50px;
  top: 10em;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  padding-top: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: linear-gradient(
    to bottom,
    rgba(207, 159, 60, 1) 0%,
    rgba(207, 159, 60, 1) 60%
  );
  /* background-color: #F8B132; */
  color: white;
  z-index: 1;
  transform: translateY(100%);
  height: 60%;
  /* Inicia fuera de la vista (desplazado hacia arriba) */
  transition: opacity 0.5s ease, transform 0.5s ease;
  /* Transiciones de opacidad y desplazamiento */
  text-align: center;
}

.bloque2:hover .contenido-hover5 {
  opacity: 1;
  transform: translateY(0);
  /* Desplaza el contenido desde arriba hacia abajo */
}

/*EFECTO SCHOOL ROJO*/
.efecto-school {
  padding-top: 3.2em;
  padding-bottom: 0;
  font-size: 2.5em;
  color: #5f5f5f;
  text-align: center;
  font-family: "Alfa Slab One";
  font-weight: normal;
}

.bloque-school {
  position: relative;
  background-color: #f1f2f2;
  border: 1px solid #ddd;
  border-radius: 50px;
  height: 365px;
  width: 100%;
  transition: all 0.5s ease;
  box-shadow: 7px 7px 12px 0 rgba(20, 20, 20, 0.3);
  margin-bottom: 15em;
}

.f-deporte-school-rojo .icon-dep-rojo {
  top: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 100px;
  line-height: 1.3;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: -80px;
  padding-top: 34px;
}

.bloque-school .bloque-school-hover-rojo {
  font-family: "Poppins";
  font-weight: 500;
  position: absolute;
  border-radius: 0 0 50px 50px;
  top: 9.2em;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  padding-top: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: linear-gradient(
    to bottom,
    rgba(154, 27, 31, 1) 0%,
    rgba(154, 27, 31, 1) 60%
  );
  color: white;
  z-index: 1;
  transform: translateY(20%);
  height: 60%;
  transition: opacity 0.5s ease, transform 0.5s ease;
  text-align: center;
}

.bloque-school:hover .bloque-school-hover-rojo {
  opacity: 1;
  transform: translateY(0);
}

/*Verde*/
.f-deporte-school-verde .icon-dep-verde {
  top: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 100px;
  line-height: 1.3;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: -80px;
  padding-top: 34px;
}

.bloque-school .bloque-school-hover-verde {
  position: absolute;
  border-radius: 0 0 50px 50px;
  top: 9.2em;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  padding-top: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: linear-gradient(
    to bottom,
    rgba(20, 70, 34, 1) 0%,
    rgba(20, 70, 34, 1) 60%
  );
  color: white;
  z-index: 1;
  transform: translateY(20%);
  height: 60%;
  transition: opacity 0.5s ease, transform 0.5s ease;
  text-align: center;
}

.bloque-school:hover .bloque-school-hover-verde {
  opacity: 1;
  transform: translateY(0);
}

/*Azul*/
.f-deporte-school-azul .icon-dep-azul {
  top: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 100px;
  line-height: 1.3;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: -80px;
  padding-top: 34px;
}

.bloque-school .bloque-school-hover-azul {
  position: absolute;
  border-radius: 0 0 50px 50px;
  top: 9.2em;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  padding-top: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: linear-gradient(
    to bottom,
    rgba(19, 87, 141, 1) 0%,
    rgba(19, 87, 141, 1) 60%
  );
  color: white;
  z-index: 1;
  transform: translateY(20%);
  height: 64%;
  transition: opacity 0.5s ease, transform 0.5s ease;
  text-align: center;
}

.bloque-school:hover .bloque-school-hover-azul {
  opacity: 1;
  transform: translateY(0);
}

/*Amarillo*/
.f-deporte-school-amarillo .icon-dep-amarillo {
  top: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 100px;
  line-height: 1.3;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: -80px;
  padding-top: 34px;
}

.bloque-school .bloque-school-hover-amarillo {
  position: absolute;
  border-radius: 0 0 50px 50px;
  top: 9.2em;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  padding-top: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  background: linear-gradient(
    to bottom,
    rgba(207, 159, 60, 1) 0%,
    rgba(207, 159, 60, 1) 60%
  );
  color: white;
  z-index: 1;
  transform: translateY(20%);
  height: 60%;
  transition: opacity 0.5s ease, transform 0.5s ease;
  text-align: center;
}

.bloque-school:hover .bloque-school-hover-amarillo {
  opacity: 1;
  transform: translateY(0);
}

.iconos-ed {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 25px 35px;
  bottom: -50px;
  z-index: 999;
  z-index: 999;
  left: 100px;
  top: 3%;
  bottom: auto;
  right: 100px;
}

.f-edu .icon-ed {
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 100px;
  line-height: 1.3;
  border-radius: 50%;
  /* background: #f0f0f0; */
  margin: 0 auto;
  /* margin-bottom: 20px; */
  margin-top: -85px;
  padding-top: 34px;
}

.fondo-circular {
  background-color: #f1f2f2;
  height: 70px;
  border-radius: 20px;
}

/*Botón de etapas educatvivas el rosado*/
.slider-icon {
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/img/eteducativas/nc02.jpg);
  z-index: 0;
  margin-top: -66px;
}

/* 5. Contenido centrado */
.content-edu {
  top: 50%;
  left: 50%;
  text-align: center;
  color: white;
  margin-top: -80px;
}

/* 8. Estilo del botón */
.btn-edu {
  padding: 12px 25px;
  font-size: 1em;
  background-color: #d8195c;
  color: white;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-weight: bold;
  margin-bottom: 1em;
}

/* 9. Efecto al pasar el mouse sobre el botón */
.btn-edu:hover {
  background-color: #fff;
  color: #d8195c;
  border: 1px dolid #d8195c;
}

.descar-doc {
  color: #006046;
  font-family: "Poppins";
  font-weight: 900;
}

.slider-deporte {
  background-color: #00665a;
  border-radius: 50px 50px 0 0;
  padding-top: 2em;
  padding-right: 1.5em;
  padding-left: 1.5em;
  padding-bottom: 1.5em;
}

/*******************************/
/********** BOTON **********/
/*******************************/

.deportes .deportes-img {
  position: relative;
}

.deportes .btn-play3 {
  position: absolute;
  z-index: 1;
  top: 87%;
  left: 13%;
  transform: translateX(-50%) translateY(-50%);
  /* box-sizing: content-box; */
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 18px 20px 18px 28px;
}

.deportes .btn-play3:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fbaf32;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.deportes .btn-play3:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  /* background: #fbaf32; */
  background: rgba(229, 169, 1, 0.9);
  border-radius: 50%;
  transition: all 200ms;
}

.deportes .btn-play3 img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.deportes .btn-play3 span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 17px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: -5px;
  left: -10px;
}

.deportes .btn-play3 {
  position: absolute;
  z-index: 1;
  top: 87%;
  left: 13%;
  transform: translateX(-50%) translateY(-50%);
  /* box-sizing: content-box; */
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 18px 20px 18px 28px;
}

.deportes .btn-play3:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fbaf32;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.deportes .btn-play3:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  /* background: #fbaf32; */
  background: rgba(229, 169, 1, 0.9);
  border-radius: 50%;
  transition: all 200ms;
}

.deportes .btn-play3 img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.deportes .btn-play3 span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 17px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: -5px;
  left: -10px;
}

/*boton 4*/
.deportes .btn-play4 {
  position: absolute;
  z-index: 1;
  top: 80%;
  left: 80%;
  transform: translateX(-50%) translateY(-50%);
  /* box-sizing: content-box; */
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 18px 20px 18px 28px;
}

.deportes .btn-play4:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fbaf32;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.deportes .btn-play4:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  /* background: #fbaf32; */
  background: rgba(229, 169, 1, 0.9);
  border-radius: 50%;
  transition: all 200ms;
}

.deportes .btn-play4 img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.deportes .btn-play4 span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 17px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: -5px;
  left: -10px;
}

.page-header-forespiritual {
  background: url(/img/forespiritual/fondo-espiritual.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-forespiritual {
  background-color: #f1f2f2;
  border-radius: 50px 50px 0 0;
  padding-top: 2em;
  padding-right: 1.5em;
  padding-left: 1.5em;
  padding-bottom: 1.5em;
}

/*slider pequeños de deportes*/

.dipl_image_card_carousel_item {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.dipl_image_card_image_wrapper {
  line-height: 0;
}

.dipl_image_card_image_wrapper img {
  width: 100%;
  border: 0 solid transparent;
  border-radius: 50px 50px 0 0;
}

.dipl_image_card_content_wrapper {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.dipl_image_card_carousel_item
  .dipl_image_card_content
  + .et_pb_button_wrapper {
  margin-top: 20px;
}

.dipl_image_card_carousel_item .et_pb_button {
  display: inline-block;
}

.dipl_icon_shape_circle {
  border-radius: 50%;
  padding: 12px;
}

.dipl_icon_shape_square {
  padding: 12px;
}

.dipl_icon_shape_hexagon {
  position: relative;
  z-index: 99;
  margin-left: -40.25%;
  padding: 12px;
  transform: rotate(-30deg);
}

.dipl_icon_hexagon_wrapper {
  display: inline-block;
  position: relative;
}

.dipl_icon_hexagon_wrapper .dipl_icon_hexagon_inner_wrap {
  backface-visibility: hidden;
  transform: rotate(30deg);
}

.dipl_icon_hexagon_wrapper .dipl_icon_hexagon {
  width: 57.735%;
  height: 100%;
  margin: auto;
}

.dipl_icon_hexagon_wrapper .dipl_icon_hexagon:before {
  transform: rotate(60deg) translateZ(0);
}

.dipl_icon_hexagon_wrapper .dipl_icon_hexagon:after,
.dipl_icon_hexagon_wrapper .dipl_icon_hexagon:before {
  position: absolute;
  top: 0;
  right: 21.1325%;
  background-color: inherit;
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  backface-visibility: hidden;
  content: "";
}

.dipl_icon_hexagon_wrapper .dipl_icon_hexagon:after {
  transform: rotate(-60deg) translateZ(0);
}

@media (min-width: 981px) {
  .et_pb_gutters3 .et_pb_column_3_4,
  .et_pb_gutters3.et_pb_row .et_pb_column_3_4 {
    width: 73.625%;
  }

  .et_pb_gutters3 .et_pb_column_1_4,
  .et_pb_gutters3.et_pb_row .et_pb_column_1_4 {
    width: 20.875%;
  }
}

@media (min-width: 981px) {
  .et_pb_row.et_pb_equal_columns,
  .et_pb_row_inner.et_pb_equal_columns,
  .et_pb_section.et_pb_equal_columns > .et_pb_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.et_pb_section_2_tb_header {
  z-index: 99;
  top: 0px;
  bottom: auto;
}

body.logged-in.admin-bar .et_pb_section_2_tb_header,
body.logged-in.admin-bar .et_pb_section_3_tb_header {
  top: 0px;
}

.et_pb_image_5_tb_header .et_pb_image_wrap img,
.et_pb_image_6_tb_header .et_pb_image_wrap img {
  width: auto;
}

.et_pb_column_11_tb_header,
.et_pb_column_12_tb_header {
  flex-direction: column;
}

body #page-container .et_pb_section .et_pb_button_3_tb_header,
body #page-container .et_pb_section .et_pb_button_4_tb_header,
body #page-container .et_pb_section .et_pb_button_5_tb_header,
body #page-container .et_pb_section .et_pb_button_6_tb_header {
  font-size: 16px !important;
}

.et_pb_button_4_tb_header_wrapper,
.et_pb_button_6_tb_header_wrapper {
  margin-bottom: 2% !important;
}

.et_pb_section_3_tb_header {
  top: 0px;
  bottom: auto;
}

.et_pb_menu_1_tb_header {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.et_pb_menu_1_tb_header.et_pb_menu {
  margin-left: 5%;
}

.et_pb_menu_1_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap,
.et_pb_menu_1_tb_header .et_pb_menu__logo-slot {
  width: 150px;
}

.et_pb_column_10_tb_header,
.et_pb_column_14_tb_header {
  padding-right: 20px;
}

.et_pb_row_2 {
  background-color: #ffffff;
  border-radius: 50px 50px 0px 0px;
  overflow: hidden;
  min-height: 250px;
  box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.3);
}

.et_pb_row_2.et_pb_row {
  padding-top: 40px !important;
  padding-right: 40px !important;
  padding-left: 40px !important;
  padding-top: 40px;
  padding-right: 40px;
  padding-left: 40px;
  background-color: #00665a;
}

.et_pb_row_2,
body #page-container .et-db #et-boc .et-l .et_pb_row_2.et_pb_row,
body.et_pb_pagebuilder_layout.single
  #page-container
  #et-boc
  .et-l
  .et_pb_row_2.et_pb_row,
body.et_pb_pagebuilder_layout.single.et_full_width_page
  #page-container
  #et-boc
  .et-l
  .et_pb_row_2.et_pb_row {
  width: 100%;
  max-width: 1200px;
}

.et_pb_text_inner2 {
  font-size: 2.3em;
  color: #005329;
  font-family: "Poppins";
  font-weight: bold;
}

.dipl_image_card_title {
  font-size: 1.5em;
  text-align: center;
  margin-top: 0.5em;
  font-family: "Poppins";
  font-weight: 500;
}

.dipl_image_card_title2 {
  font-size: 1.5em;
  text-align: center;
  margin-top: 0.5em;
  color: #005329;
  font-family: "Poppins";
  font-weight: 500;
}

.page-header-servicios {
  background: url(/img/servicios/fondo-servicios.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*** Admision ***/
.parrafo-admision {
  font-size: 1.25em;
  text-align: justify;
  font-family: "Poppins";
  font-weight: normal;
}

.parrafo-tamanio-admision {
  font-size: 1.25em;
}

.titulo-admisiong {
  color: #d71c5c;
  font-family: "Poppins";
  font-weight: bold;
  font-size: 2.5em;
}

.subtitulo-admisiong {
  color: #585b5c;
  font-family: "Poppins";
  font-weight: bold;
  font-size: 2em;
}

.titulo-form-admision {
  text-align: center;
  font-size: 2em;
  color: #d71c5c;
  font-family: "Poppins";
  font-weight: 400;
}

.titulo-form-admisiong {
  text-align: center;
  font-size: 2em;
  color: #d71c5c;
  font-family: "Poppins";
  font-weight: bold;
}

.offer-section .nav a.accordion-link {
  width: 100%;
  border-radius: 10px;
  background: #00a79e;
  border-radius: 20px;
  color: #fff;
  font-size: 1.5em;
  transition: 0.5s;
  font-family: "Poppins";
  font-weight: 500;
}

.offer-section .nav a.accordion-link-beneficios {
  width: 100%;
  border-radius: 10px;
  background: #006046;
  border-radius: 20px;
  color: #fff;
  font-size: 1.5em;
  transition: 0.5s;
  font-family: "Poppins";
  font-weight: 500;
}

.offer-section2 .nav a.accordion-link2 {
  width: 100%;
  border-radius: 10px;
  background: #005d42;
  border-radius: 20px;
  color: #fff;
  font-size: 1.5em;
  transition: 0.5s;
  font-family: "Poppins";
  font-weight: 500;
}

.offer-section .nav a.accordion-link.active {
  /* background: #D71C5C; */
  border-radius: 20px;
  color: #fff;
  font-size: 1.5em;
}

.offer-section .nav a.accordion-link h5 {
  transition: 0.5s;
}

.offer-section .nav a.accordion-link.active h5 {
  color: var(--bs-white);
}

/*** Fin Admision ***/

.titulo-servicios {
  color: #005c41;
  font-family: "Poppins";
  font-weight: bold;
}

.desc-servicios {
  text-align: justify;
}

.subtitulo-servicio {
  font-family: "Poppins";
  color: #005d42;
  font-weight: bold;
}

.page-header-convenios {
  background: url(/img/convenios/fondo-convenios.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.boton-rosado2 {
  background-color: #d91a5c;
  font-family: "Poppins";
  /* Color rosado */
  font-weight: bold;
  color: white;
  /* Color del texto */
  padding: 15px 65px;
  /* Espaciado interno */
  font-size: 2em;
  /* Tamaño de la fuente */
  border: none;
  /* Sin borde */
  border-radius: 50px;
  /* Esquinas ovaladas */
  cursor: pointer;
  /* Cambia el cursor al pasar sobre el botón */
  text-align: center;
  /* Centrar el texto dentro del botón */
  text-decoration: none;
  /* Quitar subrayado del enlace */
  display: inline-block;
  /* Para que se comporte como un bloque en línea */
  transition: background-color 0.3s;
  /* Transición suave al cambiar el color */
}

/* 5. Contenido centrado */
.content-tour {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 1;
}

/* 6. Estilos del título */
.content-tour h1 {
  font-size: 3rem;
  margin-bottom: 10px;
  font-weight: bold;
}

/* 7. Estilos del subtítulo */
.content-tour p {
  margin-top: 0.5em;
  font-size: 0.9em;
  margin-bottom: 20px;
}

/* 8. Estilo del botón */
.btn-tour {
  padding: 12px 25px;
  font-size: 1.5em;
  background-color: #d8195c;
  /* Color del botón */
  color: white;
  border: none;
  border-radius: 25px;
  /* Botón redondeado */
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-family: "Poppins";
  font-weight: bold;
}

/* 9. Efecto al pasar el mouse sobre el botón */
.btn-tour:hover {
  background-color: #fff;
  color: #d8195c;
  border: 1px dolid #d8195c;
}

/* 10. Popup de video (Pantalla Completa) */
.popup-tour {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  /* Fondo oscuro */
  z-index: 999;
  justify-content: center;
  align-items: center;
}

/* 11. Contenido del popup (video) */
.popup-content-tour {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 12. Estilos del iframe */
#video-frame-tour {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

/* 13. Botón de cerrar */
.close-btn-tour {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}

/* 14. Responsividad */
@media (max-width: 768px) {
  .content-tour h1 {
    font-size: 2rem;
  }

  .content-tour p {
    font-size: 1.2rem;
  }

  .btn-tour {
    padding: 10px 20px;
    font-size: 1rem;
  }
}

/*Estilo para el video de tour*/
/* 3. Contenedor con imagen de fondo */
.background-tour2 {
  height: 70vh;
  background-image: url("/img/fondo-tour.png");
  /* Cambia esta URL por la imagen que desees */
  background-size: cover;
  background-position: center;
  position: relative;
}

/* 4. Capa oscura (overlay) */
.overlay-tour2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Capa oscura con opacidad */
  z-index: 0;
  /* Asegura que la capa esté detrás del contenido */
}

/* 5. Contenido centrado */
.content-tour2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 1;
}

/* 6. Estilos del título */
.content-tour2 h1 {
  font-size: 3rem;
  margin-bottom: 10px;
  font-weight: bold;
}

/* 7. Estilos del subtítulo */
.content-tour2 p {
  margin-top: 0.5em;
  font-size: 0.9em;
  margin-bottom: 20px;
}

/* 8. Estilo del botón */
.btn-tour2 {
  padding: 12px 25px;
  font-size: 1.5em;
  background-color: #d8195c;
  /* Color del botón */
  color: white;
  border: none;
  border-radius: 25px;
  /* Botón redondeado */
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-weight: bold;
}

/* 9. Efecto al pasar el mouse sobre el botón */
.btn-tour2:hover {
  background-color: #fff;
  color: #d8195c;
  border: 1px dolid #d8195c;
}

/* 10. Popup de video (Pantalla Completa) */
.popup-tour2 {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  /* Fondo oscuro */
  z-index: 999;
  justify-content: center;
  align-items: center;
}

/* 11. Contenido del popup (video) */
.popup-content-tour2 {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 12. Estilos del iframe */
#video-frame-tour2 {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

/* 13. Botón de cerrar */
.close-btn-tour2 {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}

/* 14. Responsividad */
@media (max-width: 768px) {
  .content-tour2 h1 {
    font-size: 2rem;
  }

  .content-tour2 p {
    font-size: 1.2rem;
  }

  .btn-tour2 {
    padding: 10px 20px;
    font-size: 1rem;
  }
}

/*popup formulario de enviar*/
/* Estilo del botón */
#showPopupBtnpopupform {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  /* background-color: #4CAF50; */
  /* color: white; */
  border: none;
  border-radius: 5px;
  /* background: #fff;  */
}

#showPopupBtnpopupform {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  /* background-color: #4CAF50; */
  /* color: white; */
  border: none;
  border-radius: 5px;
  /*background: #fff;*/
}

/* Estilos del popup */
.popupform {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fondo semi-transparente */
  overflow: auto;
  /* Si el contenido es grande, permite desplazarse */
  justify-content: center;
  align-items: center;
}

.popup-content-form {
  background-color: white;
  margin: 15% auto;
  padding: 20px;
  border-radius: 10px;
  width: 80%;
  max-width: 700px;
  /* Asegura que el popup no se haga demasiado grande en pantallas grandes */
}

.popupform h2 {
  margin-top: 0;
  font-size: 0.9em;
  color: #12a79d;
}

.popupform p {
  font-size: 1em;
  text-align: justify;
}

/* Estilo para el botón de cerrar */
.close-btn-popupform {
  font-size: 30px;
  color: #aaa;
  float: right;
  cursor: pointer;
}

.close-btn-popupform:hover,
.close-btn-popupform:focus {
  color: black;
}

/* Estilos responsive */
@media (max-width: 600px) {
  .popup-content-form {
    width: 90%;
    /* Más ancho en pantallas pequeñas */
  }
}

.page-header-contacto {
  background: url(/img/contacto/fondo-contacto.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 6em;
}

.titulo-queremos {
  font-size: 2em;
  color: #005f44;
  font-weight: bold;
  margin-top: 0.5em;
  padding-left: 1em;
  margin-bottom: 1.5em;
}

.boton-1 {
  border-radius: 5px;
}

.reg a {
  color: #fff;
}

.titulo-alumni-beneficios {
  color: #00542b;
  font-weight: bold;
  text-align: center;
}

.boton-verde2 {
  font-family: "Poppins";
  background-color: #00542b;
  /* Color rosado */
  font-weight: bold;
  color: white;
  /* Color del texto */
  padding: 10px 50px;
  /* Espaciado interno */
  font-size: 1em;
  /* Tamaño de la fuente */
  border: none;
  /* Sin borde */
  border-radius: 50px;
  /* Esquinas ovaladas */
  cursor: pointer;
  /* Cambia el cursor al pasar sobre el botón */
  text-align: center;
  /* Centrar el texto dentro del botón */
  text-decoration: none;
  /* Quitar subrayado del enlace */
  display: inline-block;
  /* Para que se comporte como un bloque en línea */
  transition: background-color 0.3s;
  /* Transición suave al cambiar el color */
}

.titulo-copa {
  color: #00542b;
  font-weight: bold;
  margin-top: 1em;
}

.serie-copa {
  color: #fff;
  background-color: #00542b;
  font-weight: bold;
  font-size: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.nombre-copa {
  color: #585b5c;
  font-weight: bold;
}

.promocion-copa {
  color: #00542b;
  font-weight: bold;
}

.page-header-copa-alumni {
  background: url(/img/alumni/copaalumni/fondo-copa-alumnip.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-header-galeria-alumni {
  background: url(/img/alumni/galeria/fondo-galeria-alumni.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.titulo-bloque-porque {
  font-size: 1.5em;
  color: #006046;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-family: Alfa Slab One;
}

.page-header-porqueestudiar {
  background: url(/img/porqueestudiaraqui/fondo-porqueestudiar.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 6em;
}

.bloque-imagen {
  margin: 0;
  padding: 0;
  background: #eceded;
}

.titulo-bloque {
  color: #006046;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-family: "Poppins";
  font-weight: 900;
}

.margenes-bloque-porque {
  margin-top: 1em;
}

.noticias-text2-porque {
  font-family: "Poppins";
  font-size: 1em;
  color: #006c64;
  font-weight: normal;
  text-align: justify;
  margin-bottom: 1em;
  padding-top: 1em;
  padding-left: 3em;
  padding-right: 3em;
}

/* Estilo de características */

.caracteristicas-porque {
  position: relative;
  margin-top: 0px;
  background-color: #006555;
  padding: 1.5em 0;
}

.caracteristicas-porque- .services-left-dec img {
  width: 387px;
  height: 638px;
  left: -80px;
  top: -140px;
  position: absolute;
  z-index: 1;
}

.caracteristicas-porque .services-right-dec img {
  width: 305px;
  height: 305px;
  right: 25px;
  bottom: -120px;
  position: absolute;
  z-index: 1;
}

.caracteristicas-porque .container {
  position: relative;
}

.caracteristicas-porque {
  position: relative;
  margin-top: 0px;
  background-color: #006555;
  margin-top: 2em;
  margin-bottom: 2em;
}

.caracteristicas-porque .section-heading {
  text-align: center;
  margin-bottom: 45px;
}

.caracteristicas-porque .section-heading h2 {
  margin: 0px 60px;
  margin-bottom: -10px;
}

.caracteristicas-porque .item {
  text-align: center;
  margin: 15px;
  border-radius: 20px;
  background-color: #fff;
  padding: 30px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

.caracteristicas-porque .item h4 {
  font-size: 20px;
  font-weight: 700;
  color: #2a2a2a;
  margin-bottom: 30px;
  line-height: 30px;
}

.caracteristicas-porque .item .icon {
  width: 45px;
  height: 45px;
  margin: 0 auto;
}

.caracteristicas-porque .item p {
  margin-top: 35px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}

.caracteristicas-porque .owl-dots {
  text-align: center;
  margin-top: 40px;
}

.caracteristicas-porque .owl-dots .owl-dot {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.3;
  margin: 0px 5px;
}

.caracteristicas-porque .owl-dots .active {
  opacity: 1;
  width: 10px;
  height: 10px;
}

.testimoniog img {
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
}

.testimonios .btn-play2 {
  z-index: 1;
  top: 1em;
  left: 1em;
  transform: translateX(-50%) translateY(-50%);
  /* box-sizing: content-box; */
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 18px 20px 18px 28px;
}

.titulo-linea-porque {
  font-family: "Alfa Slab One";
  font-weight: normal;
  font-size: 2em !important;
  text-align: justify;
  color: #fff;
  margin-top: 0.5em;
}

.titulo-linea-porque::after {
  content: "";
  display: block;
  width: 40%;
  height: 3px;
  background: #e0af00;
}

.slick-dots {
  position: absolute;
  bottom: -40px;
  z-index: 1;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  position: relative;
}

.slick-dots li button:before {
  width: 7px;
  height: 7px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  background: rgb(0, 92, 65);
}

.slick-dots li.slick-active button:before {
  background: rgb(0, 92, 65);
}

/* Diseño adicional */
.tab-content {
  padding: 20px;
  border-radius: 8px;
}

.tab-pane img {
  width: 100%;
  height: auto;
  /* border-radius: 8px; */
}

.image-text {
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.image-item {
  display: none;
}

.blog-entry2 .meta-date2 {
  display: inline-block;
  background: #005c41;
  position: absolute;
  margin-top: -101px;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
}

.blog-entry2 .meta-date2 span {
  display: block;
  color: #fff;
}

.blog-entry2 .meta-date2 .day {
  font-weight: 700;
  font-size: 20px;
}

.blog-entry2 .meta-date2 .mos,
.blog-entry2 .meta-date2 .yr {
  font-size: 13px;
}

.blog-entry2 .meta > div {
  /* display: block;
    margin-right: 5px;
    margin-bottom: 0px; */
  font-size: 15px;
}

.blog-entry2 .meta > div a {
  color: #b3b3b3;
  font-size: 13px;
}

.blog-entry2 .meta > div a:hover {
  color: #cccccc;
}

.nav-noticias-tab {
  font-family: "Poppins";
  font-weight: bold;
  border-color: #fff #fff #dee2e6;
  /* margin-right: 0.5em; */
  color: #838793;
}

.noticia-caption2 {
  background-color: #eceded;
}

.desc-not-tab {
  text-align: center;
  font-family: Poppins;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.5em;
}

.desc-not-tab a {
  color: #404042;
}

.boton-leer-mas i {
  color: #005329;
}

.btn i:focus {
  border: 1px solid #005329;
}

.regresar-ult-not {
  color: #025702;
  font-family: "Poppins";
  font-weight: bold;
}

.sub-ult-not {
  color: #585b5c;
  font-family: "Poppins";
  font-weight: bold;
}

.franja-gris-ultnot {
  background-color: #eceded;
}

.tit-algb {
  color: #fff;
  /* height: 150px;  */
  width: 100%;
}

.parrafo-general-ultnot {
  font-weight: 400px;
  text-align: justify;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 1em;
  font-family: "Poppins";
  font-weight: normal;
}

.margen-img-ultnot {
  margin-bottom: 1em;
}

.read-more {
  background: #005c41;
  color: #fff;
  font-family: "Poppins";
  font-weight: bols;
  font-size: 1em;
  padding: 12px 24px;
  border-radius: 5px;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.read-more i {
  font-size: 18px;
  margin-left: 5px;
  line-height: 0;
  transition: 0.3s;
}

.read-more:hover {
  background: #005c41, transparent 20%;
  padding-right: 19px;
}

.read-more:hover i {
  margin-left: 10px;
}

/*** SLIDER PARA BANNER AFAMILY ***/
.header-carousel {
  position: relative;
}

.header-carousel .owl-nav .owl-prev {
  position: absolute;
  left: 50px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #005329;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  border: none;
}

.header-carousel .owl-nav .owl-next {
  position: absolute;
  right: 50px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #005329;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
  border: none;
}

.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
  transition: 0.5s;
}

.header-carousel .owl-nav .owl-prev:hover,
.header-carousel .owl-nav .owl-next:hover {
  box-shadow: inset 150px 0 0 0 var(--bs-light) !important;
  color: var(--bs-primary) !important;
}

@media (max-width: 576px) {
  .header-carousel .owl-nav .owl-prev,
  .header-carousel .owl-nav .owl-next {
    transition: 0.5s;
  }

  .header-carousel
    .header-carousel-item
    .carousel-caption3
    .carousel-caption-content {
    width: 100% !important;
  }
}

.header-carousel .header-carousel-item,
.header-carousel .header-carousel-item img {
  position: relative;
  width: 100%;
  /* height: 700px; */
  margin-top: 95px;
  display: block;
  object-fit: cover;
  transition: 0.5s;
}

@media (max-width: 992px) {
  .header-carousel .header-carousel-item,
  .header-carousel .header-carousel-item img {
    margin-top: 0;
    transition: 0.5s;
  }
}

@media (min-width: 992px) {
  .header-carousel .owl-nav .owl-prev,
  .header-carousel .owl-nav .owl-next {
    margin-top: 50px;
  }
}

.header-carousel .header-carousel-item .carousel-caption3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 100px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: rgba(0, 0, 0, 0.5); */
}

.header-carousel
  .header-carousel-item
  .carousel-caption3
  .carousel-caption-content {
  position: relative;
  /* width: 75%; */
  padding: 9%;
}

.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
  margin-top: 50px;
}

/*icono carousel*/
.owl-carousel3,
.owl-carousel3 .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel3 {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel3 .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
}

.owl-carousel3 .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel3 .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel3 .owl-item,
.owl-carousel3 .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel3 .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel3 .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel3 .owl-dots.disabled,
.owl-carousel3 .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel3,
.owl-carousel3.owl-loaded {
  display: block;
}

.owl-carousel3 .owl-dot,
.owl-carousel3 .owl-nav .owl-next,
.owl-carousel3 .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel3.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel3.owl-hidden {
  opacity: 0;
}

.owl-carousel3.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel3.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel3.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel3.owl-rtl {
  direction: rtl;
}

.owl-carousel3.owl-rtl .owl-item {
  float: right;
}

.owl-carousel3 .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel3 .owl-animated-in {
  z-index: 0;
}

.owl-carousel3 .owl-animated-out {
  z-index: 1;
}

.owl-carousel3 .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel3 .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel3 .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel3 .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel3 .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel3 .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel3 .owl-video-playing .owl-video-play-icon,
.owl-carousel3 .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel3 .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel3 .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*** FIN SLIDER PARA BANNER AFAMILY ***/

/*FRANJA DE A FAMILY CON FONDO*/
.franja-afamily {
  position: relative;
  width: 100%;
  background-image: url("/img/afamily/background-barco.jpg");
  /* Imagen de fondo */
  background-size: cover;
  background-position: center;
  margin-bottom: 2em;
}

.texto-afamily {
  position: absolute;
  left: 50%;
  color: white;
  text-align: center;
}

.caja-verde-afamily {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #00542b;
  padding: 10px 20px;
  color: white;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  font-family: "Poppins";
  font-weight: normal;
  margin-top: 2em;
}

/* Estilos para asegurar que el texto sea legible */
.franja-afamily p {
  margin: 0;
  padding: 6px;
}

.image-instagram {
  position: relative;
}

.image-instagram:hover {
  background-color: #000;
  cursor: pointer;
}

.image-instagram img {
  width: 100%;
  transition: opacity 0.3s ease;
}

.image-instagram:hover img {
  opacity: 0.6;
}

.zoom-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  color: white;
}

.image-instagram:hover .zoom-icon {
  opacity: 1;
}

/*CALENDARIO*/

.align {
  display: table-cell;
  vertical-align: middle;
}

.slide_actividades {
  /* float: right; */
  border-radius: 2rem 0 0 2rem;
  background-color: #00958d;
  /* width: calc(50% - 17rem);
          padding: 6rem 8rem; */
}

.thumb-cal {
  width: calc(50% - 1rem - 5px);
  display: inline-block;
  background-color: #f4f2f0;
  border-radius: 2rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
  color: #005329;
}

.thumb-cal-small {
  width: 100%;
  display: block;
  background-color: #007e77;
  color: #fff;
  border-radius: 2rem;
}

.thumb-cal-small:hover {
  background-color: #00a79e;
  color: #fff;
}

.thumb-cal-small .date,
.thumb-cal .date {
  width: 140px;
  height: 5.5rem;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}

.thumb-cal-small .titulo-calendario-afamily,
.thumb-cal .titulo-calendario-afamily {
  text-align: left;
  vertical-align: middle;
  display: inline-block;
}

.triangulo1 {
  clip-path: polygon(
    0% 0%,
    calc(100% - 2rem) 0%,
    100% 50%,
    calc(100% - 2rem) 100%,
    0 100%
  );
  border-radius: 2rem;
  background-color: #fefefe;
  position: absolute;
  z-index: 1;
  left: 0;
}

.triangulo2 {
  clip-path: polygon(
    0% 0%,
    calc(100% - 2rem) 0%,
    100% 50%,
    calc(100% - 2rem) 100%,
    0 100%
  );
  border-radius: 2rem;
  background-color: #fefefe;
  position: absolute;
  z-index: 1;
  left: 0;
}

.triangulo3 {
  clip-path: polygon(
    0% 0%,
    calc(100% - 2rem) 0%,
    100% 50%,
    calc(100% - 2rem) 100%,
    0 100%
  );
  border-radius: 2rem;
  background-color: #fefefe;
  position: absolute;
  z-index: 1;
  left: 0;
}

.thumb-cal-small .date-txt1,
.thumb-cal .date-txt1 {
  position: absolute;
  z-index: 2;
  text-align: center;
  padding-right: 2rem;
  left: 0;
  bottom: 0;
  right: 0;
}

.thumb-cal-small .date-txt2,
.thumb-cal .date-txt2 {
  position: absolute;
  z-index: 2;
  text-align: center;
  padding-right: 2rem;
  left: 0;
  bottom: 0;
  right: 0;
}

.thumb-cal-small .date-txt3,
.thumb-cal .date-txt3 {
  position: absolute;
  z-index: 2;
  text-align: center;
  padding-right: 2rem;
  left: 0;
  bottom: 0;
  right: 0;
}

.titulo-calendario-afamily {
  font-family: "Poppins";
  font-weight: bold;
  color: #fff;
}

.editor-content .t4 a {
  color: #003366;
}

.calendario-afamily {
  font-family: "Poppins";
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.4rem;
  color: #fff;
}

.mes-calendario-afamily {
  font-size: 0.8rem;
  line-height: 0;
  color: #585b5c;
}

.mesdesc-calendario-afamily {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 0.7em;
  line-height: 0;
}

.dia-calendario-afamily {
  font-family: "Poppins";
  font-weight: bold;
  font-size: 3em;
  padding: 1em;
  color: #585b5c;
}

.calendario-vertodo {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 1.1em;
  color: #fff;
  border-bottom: solid 1px #fff;
  float: right;
}

.titulo-afamily {
  font-family: "Alfa Slab One";
  font-weight: normal;
  color: #419347;
}

.frase-afamily {
  font-family: "Poppins";
  font-weight: normal;
  color: #00542b;
  margin-bottom: 1em;
}

.carousel-inner-afamily img {
  margin-top: 4em;
  width: 100%;
  object-fit: cover;
  /* Asegura que las imágenes cubran el área sin distorsionarse */
}

.margen-afamily-img {
  /* margin-top: 2em; */
}

/*BLOQUE 01 SIMBOLO NOMBRE*/
.bloque-simbolo {
  position: relative;
  /* background-color: #f8f9fa; */
  border-radius: 12px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  height: auto;
  transition: all 0.3s ease;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  margin-top: -86px;
}

.flecha-simbolo {
  position: absolute;
  top: 30%;
  left: 126%;
  transform: translate(-50%, -50%);
  font-size: 120px;
  color: #fcaf41;
  transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  opacity: 0.5;
}

.titulo-simbolo,
.descripcion-simbolo {
  opacity: 1;
  /* El texto está visible desde el inicio */
  transition: opacity 0.3s ease;
}

.bloque-simbolo:hover {
  /* background-color: #007bff;  */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  /* Sombra más fuerte al pasar el ratón */
  color: white;
  /* Texto blanco cuando se activa */
  opacity: 1;
}

.bloque-simbolo:hover .flecha-simbolo {
  /* transform: translate(-50%, -50%) scale(1.5) translateX(20px); Aumentar tamaño y mover */
  opacity: 1;
  color: #fcaf41;
  /* Cambiar color de la flecha */
}

.bloque-simbolo:hover .titulo-simbolo,
.bloque-simbolo:hover .descripcion-simbolo {
  opacity: 1;
  /* Los textos se mantienen visibles */
}

.descripcion-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #585b5c;
  font-size: 1em;
}

.titulo-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #005f44;
  font-size: 2em;
}

.bloque-simbolo-oro {
  position: relative;
  /* background-color: #f8f9fa; */
  border-radius: 12px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  height: auto;
  transition: all 0.3s ease;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  margin-top: -73px;
}

/*BLOQUE 2 SIMBOLO EN ORO*/
.bloque-simbolo-oro {
  position: relative;
  /* background-color: #f8f9fa; */
  border-radius: 12px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  height: auto;
  transition: all 0.3s ease;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  margin-top: -73px;
}

.flecha-simbolo-oro {
  position: absolute;
  top: 30%;
  left: 132%;
  transform: translate(-50%, -50%);
  font-size: 120px;
  color: #fcaf41;
  transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  opacity: 0.5;
}

.titulo-simbolo-oro,
.descripcion-simbolo {
  opacity: 1;
  /* El texto está visible desde el inicio */
  transition: opacity 0.3s ease;
}

.bloque-simbolo-oro:hover {
  /* background-color: #007bff;  */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  /*Sombra más fuerte al pasar el ratón*/
  color: white;
  /* Texto blanco cuando se activa */
  opacity: 1;
}

.bloque-simbolo-oro:hover .flecha-simbolo-oro {
  /* transform: translate(-50%, -50%) scale(1.5) translateX(20px); Aumentar tamaño y mover */
  opacity: 1;
  color: #fcaf41;
  /* Cambiar color de la flecha */
}

.bloque-simbolo-oro:hover .titulo-simbolo,
.bloque-simbolo-oro:hover .descripcion-simbolo {
  opacity: 1;
  /* Los textos se mantienen visibles */
}

.descripcion-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #585b5c;
  font-size: 1em;
  text-align: right;
}

.titulo-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #005f44;
  font-size: 2em;
  text-align: right;
}

/*BLOQUE 3 SIMBOLO LA NAVE*/
.bloque-simbolo-nave {
  position: relative;
  /* background-color: #f8f9fa; */
  border-radius: 12px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  height: auto;
  transition: all 0.3s ease;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  margin-top: -73px;
}

.flecha-simbolo-nave {
  position: absolute;
  top: 14%;
  left: 146%;
  transform: translate(-50%, -50%);
  font-size: 120px;
  color: #fcaf41;
  transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  opacity: 0.5;
}

.titulo-simbolo-nave,
.descripcion-simbolo {
  opacity: 1;
  /* El texto está visible desde el inicio */
  transition: opacity 0.3s ease;
}

.bloque-simbolo-nave:hover {
  /* background-color: #007bff;  */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  /* Sombra más fuerte al pasar el ratón */
  color: white;
  /* Texto blanco cuando se activa */
  opacity: 1;
}

.bloque-simbolo-nave:hover .flecha-simbolo-nave {
  /* transform: translate(-50%, -50%) scale(1.5) translateX(20px); Aumentar tamaño y mover */
  opacity: 1;
  color: #fcaf41;
  /* Cambiar color de la flecha */
}

.bloque-simbolo-nave:hover .titulo-simbolo,
.bloque-simbolo-nave:hover .descripcion-simbolo {
  opacity: 1;
  /* Los textos se mantienen visibles */
}

.descripcion-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #585b5c;
  font-size: 1em;
  text-align: right;
}

.titulo-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #005f44;
  font-size: 2em;
  text-align: right;
}

/*BLOQUE 4 SIMBOLO SINOPLE*/
.bloque-simbolo-sinople {
  position: relative;
  /* background-color: #f8f9fa; */
  border-radius: 12px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  height: auto;
  transition: all 0.3s ease;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  margin-top: 22px;
}

.flecha-simbolo-sinople {
  position: absolute;
  top: 61%;
  left: -25%;
  transform: translate(-50%, -50%);
  font-size: 120px;
  color: #fcaf41;
  transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  opacity: 0.5;
}

.titulo-simbolo-sinople,
.descripcion-simbolo {
  opacity: 1;
  /* El texto está visible desde el inicio */
  transition: opacity 0.3s ease;
}

.bloque-simbolo-sinople:hover {
  /* background-color: #007bff;  */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  /* Sombra más fuerte al pasar el ratón */
  color: white;
  /* Texto blanco cuando se activa */
  opacity: 1;
}

.bloque-simbolo-sinople:hover .flecha-simbolo-sinople {
  /* transform: translate(-50%, -50%) scale(1.5) translateX(-20px); Aumentar tamaño y mover */
  opacity: 1;
  color: #fcaf41;
  /* Cambiar color de la flecha */
}

.bloque-simbolo-sinople:hover .titulo-simbolo,
.bloque-simbolo-sinople:hover .descripcion-simbolo {
  opacity: 1;
  /* Los textos se mantienen visibles */
}

.descripcion-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #585b5c;
  font-size: 1em;
  text-align: left;
}

.titulo-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #005f44;
  font-size: 2em;
  text-align: left;
}

/*BLOQUE 5 SIMBOLO EN GULES*/
.bloque-simbolo-gules {
  position: relative;
  /* background-color: #f8f9fa; */
  border-radius: 12px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  height: auto;
  transition: all 0.3s ease;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  margin-top: -8px;
}

.flecha-simbolo-gules {
  position: absolute;
  top: 45%;
  left: -26%;
  transform: translate(-50%, -50%);
  font-size: 120px;
  color: #fcaf41;
  transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  opacity: 0.5;
}

.titulo-simbolo-gules,
.descripcion-simbolo {
  opacity: 1;
  /* El texto está visible desde el inicio */
  transition: opacity 0.3s ease;
}

.bloque-simbolo-gules:hover {
  /* background-color: #007bff;  */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  /* Sombra más fuerte al pasar el ratón */
  color: white;
  /* Texto blanco cuando se activa */
  opacity: 1;
}

.bloque-simbolo-gules:hover .flecha-simbolo-gules {
  /* transform: translate(-50%, -50%) scale(1.5) translateX(-20px); Aumentar tamaño y mover */
  opacity: 1;
  color: #fcaf41;
  /* Cambiar color de la flecha */
}

.bloque-simbolo-gules:hover .titulo-simbolo,
.bloque-simbolo-gules:hover .descripcion-simbolo {
  opacity: 1;
  /* Los textos se mantienen visibles */
}

.descripcion-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #585b5c;
  font-size: 1em;
  text-align: left;
}

.titulo-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #005f44;
  font-size: 2em;
  text-align: left;
}

/*BLOQUE 6 SIMBOLO LEMA*/
.bloque-simbolo-lema {
  position: relative;
  /* background-color: #f8f9fa; */
  border-radius: 12px;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  height: auto;
  transition: all 0.3s ease;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  margin-top: -60px;
}

.flecha-simbolo-lema {
  position: absolute;
  top: 69%;
  left: -26%;
  transform: translate(-50%, -50%);
  font-size: 120px;
  color: #fcaf41;
  transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  opacity: 0.5;
}

.titulo-simbolo-lema,
.descripcion-simbolo {
  opacity: 1;
  /* El texto está visible desde el inicio */
  transition: opacity 0.3s ease;
}

.bloque-simbolo-lema:hover {
  /* background-color: #007bff;  */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  /* Sombra más fuerte al pasar el ratón */
  color: white;
  /* Texto blanco cuando se activa */
  opacity: 1;
}

.bloque-simbolo-lema:hover .flecha-simbolo-lema {
  /* transform: translate(-50%, -50%) scale(1.5) translateX(-20px); Aumentar tamaño y mover */
  opacity: 1;
  color: #fcaf41;
  /* Cambiar color de la flecha */
}

.bloque-simbolo-lema:hover .titulo-simbolo,
.bloque-simbolo-lema:hover .descripcion-simbolo {
  opacity: 1;
  /* Los textos se mantienen visibles */
}

.descripcion-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #585b5c;
  font-size: 1em;
  text-align: left;
}

.titulo-simbolo {
  font-family: "Poppins";
  font-weight: bold;
  color: #005f44;
  font-size: 2em;
  text-align: left;
}

/*ESTILO DE SIMBOLO AFAMILY*/
.titulo-simbolo-afamily {
  font-family: "Alfa Slab One";
  font-weight: normal;
  color: #005f44;
  text-align: center;
}

.desc-simbolo-afamily {
  font-family: "Poppins";
  font-weight: normal;
  color: #585b5c;
  text-align: center;
}

/*Simbolo foto bloque*/
.img-foto-afamily {
  position: relative;
}

.img-foto-afamily img {
  width: 100%;
  height: auto;
}

.button-foto-afamily {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 1rem;
}

.button-foto-afamily:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.boton-rosado-afamily {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #d91a5c;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 1.2em;
  padding: 15px 30px;
  border: none;
  border-radius: 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s;
  font-family: "Poppins";
  font-weight: bold;
}

/* Efecto al pasar el mouse (hover) */
.boton-rosado-afamily:hover {
  background-color: #fff;
  /* Cambia el color cuando se pasa el mouse */
  color: #d91a5c;
  border: 2px solid #d91a5c;
  font-weight: bold;
}

/*******************************/
/********** BOTON DE PATRONO AFAMILY **********/
/*******************************/

.patrono .patrono-img {
  position: relative;
}

.patrono .btn-play3 {
  position: absolute;
  z-index: 1;
  top: 87%;
  left: 13%;
  transform: translateX(-50%) translateY(-50%);
  /* box-sizing: content-box; */
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 18px 20px 18px 28px;
}

.patrono .btn-play3:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fbaf32;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.patrono .btn-play3:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  /* background: #fbaf32; */
  background: rgba(229, 169, 1, 0.9);
  border-radius: 50%;
  transition: all 200ms;
}

.patrono .btn-play3 img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.patrono .btn-play3 span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 17px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: -5px;
  left: -10px;
}

.patrono .btn-play3 {
  position: absolute;
  z-index: 1;
  top: 55%;
  left: 31%;
  transform: translateX(-50%) translateY(-50%);
  /* box-sizing: content-box; */
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 18px 20px 18px 28px;
}

.patrono .btn-play3:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fbaf32;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.patrono .btn-play3:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  /* background: #fbaf32; */
  background: rgba(229, 169, 1, 0.9);
  border-radius: 50%;
  transition: all 200ms;
}

.patrono .btn-play3 img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.patrono .btn-play3 span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 17px solid #ffffff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: -5px;
  left: -10px;
}

/* 8. Estilo del botón */
.btn-patrono-afamily {
  padding: 12px 25px;
  background-color: #e7af17;
  color: white;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-family: "Poppins";
  font-weight: bold;
}

/* 9. Efecto al pasar el mouse sobre el botón */
.btn-patrono-afamily:hover {
  background-color: #fff;
  color: #e7af17;
  border: 1px solid #e7af17;
}

/* 5. Contenido centrado */
.content-patrono-afamily {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 1;
}

/* 7. Estilos del subtítulo */
.content-patrono-afamily p {
  margin-top: 0.5em;
  font-size: 0.9em;
  margin-bottom: 20px;
}

/* 8. Estilo del botón */
.btn-boton-patronoa {
  padding: 12px 25px;
  font-size: 1em;
  background-color: #d8195c;
  color: white;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  font-family: "Poppins";
  font-weight: normal;
}

/* 9. Efecto al pasar el mouse sobre el botón */
.btn-boton-patronoa:hover {
  background-color: #fff;
  color: #d8195c;
  border: 1px solid #d8195c;
}

.page-consejo-estudiantil {
  background: url(/img/afamily/consejoestudiantil/fondo-consejo-estudiantil.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-consejo-padres {
  background: url(/img/afamily/comunidad/fondo-comunidad.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-consejo-alumnos {
  background: url(/img/afamily/comunidad/alumnos/fondo-alumnos.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.titulo-anio-secundaria {
  position: relative;
  text-align: center;
  color: #005c3f;
  padding-top: 1em;
  font-family: "Alfa Slab One";
  font-weight: normal;
  margin-bottom: 0.5em;
}

/* Estilos personalizados para las tarjetas de imagen y texto */
.image-container {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.text-container {
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
}

/* Estilo de la flecha */
.accordion-amarillo {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  text-align: left;
  color: #000;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
}

.accordion-amarillo::after {
  content: "";
  /* Eliminar iconos o contenido */
  width: 0;
  /* Sin ancho */
  height: 0;
  /* Sin altura */
  border-left: 0.3em solid transparent;
  /* Creación del triángulo */
  border-right: 0.3em solid transparent;
  /* Creación del triángulo */
  border-top: 0.5em solid #e3a83a;
  /* Triángulo hacia abajo */
  display: inline-block;
  margin-left: auto;
  /* Alineación a la derecha */
  transform: rotate(0deg);
  /* Orientación inicial (hacia la derecha) */
  font-size: 3em;
}

.accordion-amarillo.collapsed::after {
  transform: rotate(90deg);
  /* Rotación para mostrar flecha hacia la derecha */
  color: #e3a83a;
  border-top: 0.5em solid #fff;
  /* Triángulo hacia abajo */
}

/* Colores específicos para cada acordeón */
#headingamarillo .accordion-amarillo {
  background-color: #eceded;
  color: #e3a83a;
}

#headingamarillo .accordion-amarillo.collapsed {
  background-color: #e3a83a;
  color: #fff;
}

/* Estilo de la flecha */
.accordion-rojo {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  text-align: left;
  color: #be1d2c;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
}

.accordion-rojo::after {
  content: "";
  /* Eliminar iconos o contenido */
  width: 0;
  /* Sin ancho */
  height: 0;
  /* Sin altura */
  border-left: 0.3em solid transparent;
  /* Creación del triángulo */
  border-right: 0.3em solid transparent;
  /* Creación del triángulo */
  border-top: 0.5em solid #be1d2c;
  /* Triángulo hacia abajo */
  display: inline-block;
  margin-left: auto;
  /* Alineación a la derecha */
  transform: rotate(0deg);
  /* Orientación inicial (hacia la derecha) */
  font-size: 3em;
}

.accordion-rojo.collapsed::after {
  transform: rotate(90deg);
  /* Rotación para mostrar flecha hacia la derecha */
  color: #be1d2c;
  border-top: 0.5em solid #fff;
  /* Triángulo hacia abajo */
}

/* Colores específicos para cada acordeón */
#headingrojo .accordion-rojo {
  background-color: #eceded;
  color: #be1d2c;
}

#headingrojo .accordion-rojo.collapsed {
  background-color: #be1d2c;
  /* Azul más oscuro */
  color: #fff;
}

/* Estilo de la flecha */
.accordion-verde {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  text-align: left;
  color: #000;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
}

.accordion-verde::after {
  content: "";
  /* Eliminar iconos o contenido */
  width: 0;
  /* Sin ancho */
  height: 0;
  /* Sin altura */
  border-left: 0.3em solid transparent;
  /* Creación del triángulo */
  border-right: 0.3em solid transparent;
  /* Creación del triángulo */
  border-top: 0.5em solid #005f44;
  /* Triángulo hacia abajo */
  display: inline-block;
  margin-left: auto;
  /* Alineación a la derecha */
  transform: rotate(0deg);
  /* Orientación inicial (hacia la derecha) */
  font-size: 3em;
}

.accordion-verde.collapsed::after {
  transform: rotate(90deg);
  /* Rotación para mostrar flecha hacia la derecha */
  color: #005f44;
  border-top: 0.5em solid #fff;
  /* Triángulo hacia abajo */
}

/* Colores específicos para cada acordeón */
#headingverde .accordion-verde {
  background-color: #eceded;
  /* Azul */
  color: #005f44;
}

#headingverde .accordion-verde.collapsed {
  background-color: #005f44;
  /* Azul más oscuro */
  color: #fff;
}

/* Estilo de la flecha */
.accordion-azul {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  text-align: left;
  color: #000;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
}

.accordion-azul::after {
  content: "";
  /* Eliminar iconos o contenido */
  width: 0;
  /* Sin ancho */
  height: 0;
  /* Sin altura */
  border-left: 0.3em solid transparent;
  /* Creación del triángulo */
  border-right: 0.3em solid transparent;
  /* Creación del triángulo */
  border-top: 0.5em solid #185082;
  /* Triángulo hacia abajo */
  display: inline-block;
  margin-left: auto;
  /* Alineación a la derecha */
  transform: rotate(0deg);
  /* Orientación inicial (hacia la derecha) */
  font-size: 3em;
}

.accordion-azul.collapsed::after {
  transform: rotate(90deg);
  /* Rotación para mostrar flecha hacia la derecha */
  color: #185082;
  border-top: 0.5em solid #fff;
  /* Triángulo hacia abajo */
}

/* Colores específicos para cada acordeón */
#headingazul.accordion-azul {
  background-color: #eceded;
  /* Azul */
  color: #185082;
}

#headingazul .accordion-azul.collapsed {
  background-color: #185082;
  /* Azul más oscuro */
  color: #fff;
}

.btn-olimpiadas {
  padding: 12px 25px;
  font-size: 1.5em;
  /* background-color: #fff; */
  color: #00542b;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  font-family: "Poppins";
  font-weight: 500;
  background-color: #f0f0f0;
}

.btn-olimpiadas:hover {
  color: #00542b;
}

/*CALENDARIO*/
.main_align {
  display: table;
  width: 100%;
  height: 100%;
}

.align {
  display: table-cell;
  vertical-align: middle;
}

.content {
  width: calc(100% - 16rem);
  padding: 6rem 8rem;
}

.thumb-cal5 {
  /* width: calc(100% - -3rem - 5px); */
  display: inline-block;
  background-color: #f4f2f0;
  border-radius: 2rem;
  /* margin-right: 4rem; */
  margin-bottom: 2rem;
  color: #585b5c;
  /* padding-right: 67px; */
}

.thumb-cal5 .align {
  color: #fff;
}

.thumb-cal5:hover {
  background-color: #005329;
  color: #fff;
}

.thumb-cal5 .date {
  width: 11em;
  height: 6.5em;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}

.thumb-cal5 .txt {
  width: calc(109% - 18rem - 5px);
  /* padding: 0 2rem; */
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  margin-left: -3em;
  width: 135px;
}


.triangulo5 {
  clip-path: polygon(
    0% 0%,
    calc(100% - 2rem) 0%,
    100% 50%,
    calc(100% - 2rem) 100%,
    0 100%
  );
  width: 10em;
  height: 6.5em;
  border-radius: 2rem;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 0;
}

.thumb-cal5 .date-txt5 {
  position: absolute;
  z-index: 2;
  text-align: center;
  padding-right: 2em;
  top: 0;
  bottom: 0;
  right: 0;
}

.day-block-small,
.day-block {
  width: 10%;
  margin-right: 3%;
  float: left;
  margin-bottom: 0.5rem;
  text-align: center;
  border-radius: 10px;
  background-color: #f4f2f0;
  color: #b0b0a2;
  font-size: 1em;
  line-height: 2rem;
  font-weight: 500;
  font-family: "Poppins";
}

.day-block-smallsf {
  width: 10%;
  margin-right: 3%;
  float: left;
  margin-bottom: 0.5rem;
  text-align: center;
  color: #b0b0a2;
  font-size: 1em;
  line-height: 2rem;
  font-weight: 500;
  font-family: "Poppins";
}

.day-block-small .wrap,
.day-block .wrap {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.days .day-block .wrap {
  padding-top: 30%;
  text-align: center;
}

.day-block-small .cont,
.day-block .cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cal-item {
  float: left;
  /*width: calc(106% - 48rem);*/
}

.cal-box {
  float: inline-start;
  width: 400px;
}

.cal-filters {
  text-align: left;
  width: 100%;
  left: 0;
  position: absolute;
  padding: 0 8rem;
}

.cal-fil-date {
  float: left;
  width: calc(100% - 48rem);
}

.cal-fil-selc {
  float: inline-end;
  width: 40rem;
}

.bt-white {
  color: #005329;
  border: none;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  width: calc(50% - 1rem - 5px);
  margin-right: 2rem;
  border-radius: 1em;
  display: inline-block;
  background-color: #f4f2f0;
  text-transform: uppercase;
  width: 165px;
  margin-bottom: 1em;
}

.drop-cal {
  background-color: #f4f2f0;
  width: 100%;
  background-image: url("images/icon-arrow-down-blue.svg");
  background-repeat: no-repeat;
  background-position: right 2rem center;
  background-size: 3rem auto;
  border: none;
  height: 3em;
  border-radius: 2rem;
  color: #005329;
  text-align: center;
  font-family: 'Poppins';
  font-weight: bold;
}

@media screen and (max-width: 1075px) {
  .content {
    width: calc(100% - 4rem);
    padding: 2rem;
  }

  .t8 {
    font-size: 4rem;
    line-height: 3rem;
  }

  .cal-item,
  .cal-box,
  .cal-fil-date,
  .cal-fil-selc {
    float: right;
    width: 100%;
  }

  .thumb-cal5 {
    /* width: calc(100% - 1rem);
    display: block;
    margin-right: 0; */
  }

  .day-block {
    width: calc(100% - 0.2rem);
    margin-right: 0;
    float: none;
    text-align: left;
  }

  .days .day-block {
    display: none;
  }

  .day-block .wrap {
    padding-top: initial;
    padding: 1rem;
    width: calc(100% - 2rem);
  }
}

.item-animation {
  transition: background-color 500ms ease-in-out;
}

.item-select {
  background-color: #005329;
  color: #fff;
}

.wrapper {
  padding-top: 5em;
}

.thumb-cal6 {
  display: inline-block;
  background-color: #f4f2f0;
  border-radius: 2rem;
  /* margin-right: 2rem; */
  margin-bottom: 2rem;
  color: #005329;
}

.thumb-cal6 .align {
  color: #fff;
}

.thumb-cal6:hover {
  background-color: #02773d;
  color: #fff;
}

.thumb-cal6 .date {
  width: 11em;
  height: 6.5em;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}

.thumb-cal6 .txt {
  /* width: calc(100% - 18rem - 5px); */
  /* padding: 0 2rem; */
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  margin-left: -3em;
}


.triangulo6 {
  clip-path: polygon(
    0% 0%,
    calc(100% - 2rem) 0%,
    100% 50%,
    calc(100% - 2rem) 100%,
    0 100%
  );
  width: 10em;
  height: 6.5em;
  border-radius: 2rem;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  top: 0;
}

.thumb-cal6 .date-txt6 {
  position: absolute;
  z-index: 2;
  text-align: center;
  top: 0;
  left: -72px;
  bottom: 0;
  right: 0;
}

/*ESTILO DE COMUNIDAD IMAGEN HOVER*/
/* Estilo para los bloques */
.img-comunidad {
  position: relative;
  overflow: hidden;
}

.img-comunidad img {
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease;
}

/* Efecto cuando el cursor pasa sobre la imagen */
.img-comunidad:hover img {
  opacity: 0.5;
}

/* Capa de opacidad verde */
.img-comunidad:hover .opacidad-img-comunidad {
  opacity: 1;
}

/* Estilo de la capa de opacidad verde */
.opacidad-img-comunidad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 83, 41, 0.6);
  /* Verde con transparencia */
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Estilo del botón amarillo */
.btn-comunidad-img {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  font-weight: bold;
  border-radius: 5px;
  transition: all 0.3s ease;
  /* Transición suave para los cambios */
  z-index: 1;
  /* Para asegurarnos de que el botón esté encima de la capa de opacidad */
  background: rgba(229, 169, 1, 0.9);
  font-size: 1em;
  color: #fff;
  padding: 1em;
}

/* Estilo para el hover del botón (al pasar el cursor) */
.btn-comunidad-img:hover {
  background-color: #fff;
  border-color: 1px solid rgba(229, 169, 1, 0.9);
  color: rgba(229, 169, 1, 0.9);
  /* Texto amarillo al hacer hover */
}

/* Estilo para el título dentro de la imagen */
.titulo-comunidad-img {
  position: absolute;
  /* Ajustado para mover el título más abajo */
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-weight: bold;
  color: white;
  /* Título en blanco para destacarse */
  z-index: 1;
  /* Aseguramos que el título también esté encima de la capa de opacidad */
  width: 100%;
  text-align: center;
}

/*FIN ESTILO DE COMUNIDAD HOVER*/

  .titulo-patrono-sjm{
    font-family: 'Poppins'; 
    font-weight: bold;
  }
  .vinetas-consejo{
    color: #585B5C; 
    font-family: 'Poppins'; 
    font-weight: normal; 
  }
  
  .numero-conteo-rojo {
    font-family: "Poppins";
    font-weight: bold;
  }
  
  .texto-conteo-rojo {
    font-family: "Poppins";
    font-weight: bold;
  }

  .numero-conteo-verde {
    font-family: "Poppins";
    font-weight: bold;
  }
  
  .texto-conteo-verde {
    font-family: "Poppins";
    font-weight: bold;
  }

  .numero-conteo-azul {
    font-family: "Poppins";
    font-weight: bold;
  }
  
  .texto-conteo-azul {
    font-family: "Poppins";
    font-weight: bold;
  }

  .numero-conteo-amarillo {
    font-family: "Poppins";
    font-weight: bold;
  }
  
  .texto-conteo-amarillo {
    font-family: "Poppins";
    font-weight: bold;
  }
  .acordeon-titulo{
    font-family: 'Poppins'; 
    font-weight: bold; 
  }
 .olimp-fondo-amarillo{
  background-color: #E3A83A; 
  text-align: justify;
 }
 .titulo-olimp{
  font-family: 'Poppins'; 
  font-weight: bold; 
  color: #fff;
 }
 .descripcion-olimp{
  font-family: 'Poppins'; 
  font-weight: normal; 
  color: #fff;
 }
 .olimp-fondo-rojo{
  background-color: #BE1D2C; 
  text-align: justify;
 }
 .olimp-fondo-verde{
  background-color: #005F44; 
  text-align: justify;
 }
 .olimp-fondo-azul{
  background-color: #185082; 
  text-align: justify;
 }
 .carousel-item img {
  min-height: 400px;
  object-fit: cover;
}

.tit-documentoa{
  font-family: 'Poppins'; 
  font-weight: bold; 
  color: #005C41; 
  /*margin-left: -0.5em;*/
}
.des-doca{
  font-family: 'Poppins'; 
  font-weight: normal; 
  color: #585B5C; 
}
.tit-cal{
  font-weight: bold; 
  font-family: 'Poppins'; 
}
.desc-cal{
  font-weight: 500; 
  font-family: 'Poppins'; 
}
.tit-calendario2{
  font-family: 'Alfa Slab One';
  font-weight: 500; 
  color: #585B5C; 
}
.tamanio-bloq-cal{
  /* width: 50%;  */
  text-align: justify;
}

.tit-com-afamily{
  font-family: 'Poppins'; 
  font-weight: bold; 
  color: #00542B; 
}
.subt-com-afamily{
  font-family: 'Poppins'; 
  font-weight: normal; 
  color: #585B5C; 
}
.titulo-padre-af{
  font-family: 'Poppins'; 
  font-weight: bold; 
  color: #005C3F;
}
.des-tit-af{
  font-family: 'Poppins'; 
  font-weight: bold; 
  color: #005C3F;
}
.img-index{
  text-align: center;
  align-content: center;
}

.margen-caracteristicas{
  text-align: center;
}
.tit-caract{
  font-family: 'Poppins'; 
  font-weight: bold; 
  color: #fff; 
  font-size: 1.5em;
}
.desc-caract{
  font-family: 'Poppins'; 
  font-weight: normal; 
  color: #fff; 
  font-size: 0.8em;
}
.tit-campus{
  font-family: 'Poppins'; 
  font-weight: normal; 
  color: #686868; 
  font-size: 1em;
  padding-top: 0.5em;
}

input[type="checkbox"]:checked {
    background-color: #4CAF50; /* Color cuando está activado */
}

input[type="checkbox"]:not(:checked) {
    background-color: #f44336; /* Color cuando está desactivado */
}

/*Para la galeria*/
.carousel-item img {
  width: 100%;
  object-fit: cover; /* Para que la imagen mantenga su proporción sin deformarse */
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%; /* Ajustando el tamaño de las flechas */
  margin-top: -25%;
}

.carousel-item {
  margin-bottom: 20px; /* Separación entre las imágenes y el texto */
}