.embed-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.embed-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}


/* ------------------------------- */
/* Estilo VIDEO   */
.video-section {
  display: flex;
  justify-content: center;
  padding: 20px;
}

.responsive-iframe {
  border: 2px solid #009488;
  padding: 10px;
  width: 100%;
  max-width: 853px;
  height: auto;
  aspect-ratio: 16 / 9;
}

/* /// Estilo VIDEO   */
/* ------------------------------- */


/* ------------------------------- */
/* Estilo iframe MIR   */
.responsive-iframe_MIR {
  border: 1px solid #009488;
  padding: 5px;
  width: 100%;
  max-width: 853px;
  height: 5%;
  aspect-ratio: 16 / 9;
  box-shadow: 0 9px 8px rgba(0, 0, 0, 0.1);
  /* Añadido para la sombra */
}

/* /// Estilo iframe MIR   */
/* ------------------------------- */


/* ------------------------------- */
/* IMAGEN RESPONSIVA Y BORDES REDONDEADOS   */
.imagenr {
  max-width: 100%;
  height: auto;
  border-radius: 25px;
}

/* /// IMAGEN RESPONSIVA Y BORDES REDONDEADOS   */
/* ------------------------------- */


/* ------------------------------- */
/* Estilo tab  */
.tab {
  display: none;
}

.tab.active {
  display: block;
}

.tab-button {
  cursor: pointer;
}

/* /// Estilo tab */
/* ------------------------------- */


/* ------------------------------- */
/* Estilo Acordeon */
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(.7) !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

/* /// Estilo Acordeon */
/* ------------------------------- */


/* ------------------------------- */
/* Estilos para el texto Responsivo */
.responsive-text {
  font-size: 24px;
  /* Tamaño de fuente base */
}

/* Media query para tamaños de pantalla específicos */
@media (max-width: 768px) {
  .responsive-text {
    font-size: 16px;
    /* Tamaño de fuente para pantallas pequeñas */
  }
}

@media (max-width: 480px) {
  .responsive-text {
    font-size: 14px;
    /* Tamaño de fuente para pantallas aún más pequeñas */
  }
}

/* /// Estilos para el texto Responsivo */
/* ------------------------------- */



/* ------------------------------- */
/* ACCESOS SOCIAL MEDIA   */
.social-btn {
  display: flex;
  width: 180px;
  align-items: center;
  justify-content: space-between;
  border: 1px;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  margin-bottom: 5px;
  position: relative;
  left: -133px;
  transition: left 1s;
  padding: 5px 10px 5px 30px
}

.social-btn:hover {
  left: -10px;
  transition: left 1s
}

.social {
  position: fixed;
  top: 50%;
  z-index: 200
}

.social a {
  text-decoration: none;
  font-weight: 700;
  text-transform: capitalize
}

.social a:hover {
  text-decoration: none !important
}

.color-facebook {
  background-color: #3b5998
}

.color-instagram {
  background-color: #f62782;
  background: radial-gradient(circle at 0% 107%, #fdf497 0%, #fdf497 10%, #fd5949 60%, #d6249f 80%, #285AEB 97%)
}

.color-twitter {
  background-color: #000507
}

.color-youtube {
  background-color: red
}

.social-btn img {
  width: 40px
}

.social-btn p {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0
}

.icon-facebook {
  order: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAABxElEQVR4nNWXu0oDQRSGE0XxWgk+gKVgFUijIlELIZXgK1hZaBGtTSFeOzvBUnwJIYqoTXwBESWiklhokUYF88khA07iZHdmLxF/2CY7/yU755ydTST+C4BOYBLYA66ACvCpror6bReYkLVRGvcCa8rEFrJ2FegJa74APBAcJWA+iHESWAdqhIdobAEdtuYdwDHR40j+mE2ADeJD3mbPawGEH4FL1QnXwGuLdbWWNUG92l0LTgzTBq0hn8L83R3UW80FRa828+HmTEOm4hgg47OdXig3dAX1CeeCN1NbqUc/AmQtNMZ1ooxXFxQN5ovAl4PGjk6WYnLBqSHAiaPGhU5+cSQXDAEKjhplnfzxBwHedXLVgjDqVfVNYcYs9Ko64dZvta250hu2CHCjE84jDpC2CHCmE7YtCEvArLpSBtOUdv/QQm9TJ0/T/iKc0sndwHMbAzwBXc0CuTYGWDEVTr96ScQdQJ50X6vqnbM8kAQNINpZo7njiylogJ8XkM+JeD+GAAcuJ+OkpPXYDpcANTVn/E/EzVBDpRQigHBnEmEADErbAPcOAe6AZWAglHmi0UDOjTIx86ZiUlsmX1OZSD9O48Y3QGWlCM160NoAAAAASUVORK5CYII=) 50% 50% no-repeat;
  background-size: 100%
}

.icon-instagram {
  order: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAACe0lEQVR4nLWXPU9UQRSGb5YEK6Va3e2IhCix0rXXP2E2WhpCpUIDsv4EvzpC1IJK+Q0rJn4FWLRAKRD1F6BIpY0YH3PCTHxzd+4X9+6bTAhzPt535sycnRtFGQBqQBM4XXBYTC0rfxDACDAPvAf+cHRY7DvgtuXMS34V2KN6fAfaWeR3gL+xFawBT4FHBYfFrMd20HJ3ksivCbn9XQBO5dq29EU1gMVY7nao5nvicL0scUDIpOzEN+CEGjtiXKiQ9BxwSf630njMqaOddsNB3m03P6DlRl+MrRD45fJednNNORMb3nHIERtWM0iPATPAVuCUfwSmgWHnOwx8BX4CE5JjXRZb84fE41kK+QTwJcd12wHOioj/tT6cWxbfhk2MysRSCvm++P0GusADN7puzmPfiwjkWhK/0UwBbts/i88ra7UBvzFn8/jky1FWwIzYX4aSiq9t+Rvxv1mFgC3Z9r6VB/zHpRwfSgng8Kp5dLPIJW5F4k6WEXBRbHcLCLgvca0yAlpiu1dAgN0Mj/NVleB5AQEvJK5+ZAEG1+FwB2ssyncIfWfdDNgLC5gW++sc1/Ct+N+oqhHtiI/d8/GElSv5diWNyGBtNdaKD9xVe+jGimy74QdwJgogJKAhE8uhIBFh7TUL20nkST9GQ6J+LSlQanzLOlyAeNNqnnZGXI6eHOqan7SnM+6x0EhLIInqwAU36jlj9EHSU4O92z0WowEBeCI8s2oYce92/yidHAD5lJDvAsfjDu3YN4E9IJsVENu2P5a8xnElybkT+DDplfgw2Qh8mMxnKW5LOarEbuLKo34R9qSecyvQBlMUdtVsB2f7al6ghgP9PP8HNHUX5N6MSkcAAAAASUVORK5CYII=) 50% 50% no-repeat;
  background-size: 100%
}


.icon-twitter {
  order: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0xNC4wOTU0NzksMTAuMzE2NDgyTDIyLjI4NjM1NCwxaC0xLjk0MDcxOGwtNy4xMTUzNTIsOC4wODc2ODJMNy41NTE0MTQsMUgxbDguNTg5NDg4LDEyLjIzMTA5M0wxLDIzaDEuOTQwNzE3ICBsNy41MDkzNzItOC41NDI4NjFMMTYuNDQ4NTg3LDIzSDIzTDE0LjA5NTQ3OSwxMC4zMTY0ODJ6IE0xMS40MzY1MjIsMTMuMzM4NDY1bC0wLjg3MTYyNC0xLjIxODcwNGwtNi45MjQzMTEtOS42ODgxNWgyLjk4MTMzOSAgbDUuNTg5NzgsNy44MjE1NWwwLjg2Nzk0OSwxLjIxODcwNGw3LjI2NTA2LDEwLjE2NjI3MWgtMi45ODEzMzlMMTEuNDM2NTIyLDEzLjMzODQ2NXoiLz48L3N2Zz4=) 50% 50% no-repeat;
  background-size: 100%;
  filter: invert(1);
}

.icon-youtube {
  order: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAACD0lEQVR4nO3ZT4hNURzA8Wcyk5qIQViRBRY2TIqiKdlamvInG6Vko8liSmnSlGQlbJSxsMGUDZ6EjCQbZApJ1lLIQrFAH9066na678XMvc87db91Vvf1+93v651zfu/3azRqampqalIE/ViONRgMazN2FKw/zzdiNRajtxMvOYCtOIjTuIz7eIVP+KkcvuE9nuEGLuA4dmE9+mby8vNwFNO6h++YxLa/lVgbvu1u5RdOYU47iUV4Kw1G24lkpqnwAytbibyRFkeKJOYGy5S4VCSySno8KRIZkh5fikT2lxD4KT7rLCtikWMlBB0PJcfZDu63oSqO3vHoYr2peoZjkXNliuTiZoXiS9VxOE44UYVIiN0bis6PymcsTna1KpGokj5T8v45HyfJSudKRXK51qGpHK7FwbP/GB0RifbP61nmfBAHnfoPIjvxbpY5H8VB7yb607odB28mutkn4yTXKz5+R7LaSPlMxMkuJnohnowTZh2SFEuUkVhkNNGicU8skvWPUizjt8QiWecvRZbFIvOlx9fC/hY+SIvpouM+E7knLa60EjkkLYYbbW7gh9KgiZ5CkSCzNCuNdTd3sLClRE6mBwfwWHd14aewt20nvo3UAmzCPpwINdktvAinXDa3KHPQ8zw36BnD7nDH9f/zy89Atg9LwihtMLfisdv23LMN4fMDHRm91dTU1NQ0KuI3PorRs6xvl7QAAAAASUVORK5CYII=) 50% 50% no-repeat;
  background-size: 100%
}

.icon-share {
  order: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAABLklEQVR4nO3VTysEYRzA8XkNnJQU7pKypUXIRd6REq7KSdI6kz9RDrscUZaX4M4L4A3Yj6bdLW07++yyzyjt9zQ103y/8/yemUmSAf8VrOIUz7jAep7yLe3Zy0M+rzNxVwJHgYDz2AHlQEA1pnwWL4GA41jisjA1LMUU13CJHXy2kW/0cvMJLGKsB/HUt2umsY8KDjHXrXgSjy31txjpRvwrMIy3jPm9RxM3acwutIn6L26C+0DAdRIT3P11wHYXI7iKOYIhvGbIP3IJUX//H1pklcZrWGgc5xIyjgWMtjkXDMEMDnCDEooxIgsZIVmf4s2+R2SEdGIliYV6SOh3fBItIKWLlajGDigFAs5iBxQbGy6LtagBKeluz5DvJnmB5XTD4Sld9lyefEDyA74AGXMEK//4IKoAAAAASUVORK5CYII=) 50% 50% no-repeat;
  background-size: 100%;
  margin: 9px 7.5px
}

.icon-cerrado {
  order: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAz0lEQVR4nM2XQRKCMAxFi+NK9BZyYwcWnkVZcLDnMLajdFDStBD+Ovlv0pQ0OLcXAUegKejXjJ5LQTXQ81YLVBnAynvgPetfgSfgyVR34KCE3iKvAbjMHW+oNFaXUrmHjjlz6ifH7vvwTyL4AjToGieFfqjgQmgr7QuSnufkqg2yoRqjYtDEfnXCmLRZgKyaMpUWhOuhGfB8qAJeDmoGxuKosbhcWHxOWAwQLEYmFo8EVs8iFosAVqsPVsve13r7WHm9Pe9noXefhO1/YbbUCy46wzuSr0qSAAAAAElFTkSuQmCC) 50% 50% no-repeat;
  background-size: 100%;
  margin: 9px
}

.social-share-btn {
  bottom: 5%;
  right: 1%;
  position: fixed
}

.share-boton {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  box-shadow: 4px 2px 10px 1px rgba(0, 0, 0, 0.2);
  background: #bc955c
}

.share-boton .icon-share {
  margin-right: 2px
}

.share-boton>div:hover {
  color: #405de6
}

.share-boton:active:not(:focus-within) {
  box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.2) inset
}

.share-boton:active:not(:focus-within)>div {
  transform: translate(0.8px, 0.8px)
}

.social-share {
  position: absolute;
  bottom: 50px;
  display: none;
  right: 0
}

.toggle input[type="checkbox"]:checked+.share-boton .social-share {
  animation: fadeIn 1s;
  display: block
}

.toggle input[type="checkbox"]:not(:checked)+.share-boton .social-share {
  animation: fadeOut 1s
}

.toggle input[type="checkbox"]:checked+.share-boton .icon-share {
  display: none
}

.toggle input[type="checkbox"]:not(:checked)+.share-boton .icon-cerrado {
  display: block
}

.social-share a {
  margin: 0 12px
}

.share-back {
  width: 40px;
  height: 40px;
  border-radius: 50%
}

.share-back div {
  margin: 4px
}

input[type="checkbox"] {
  display: none
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.social-share-btn {
  display: none
}

@media only screen and (max-width: 600px) {
  .social {
    display: none
  }

  .social-share-btn {
    display: block
  }
}

/* ACCESOS SOCIAL MEDIA   */
/* ------------------------------- */



/* ESTILOS MENU   */
/* ------------------------------- */

/* Menú principal más alto */
.menu-principal {
  color: white;
  background-color: #611232;
  height: 69px;
  padding-top: 3px !important;
  /* Altura aumentada */
}

/* Enlaces del menú principal con más espacio vertical */
.menu-principal .navbar-nav>li>a {
  color: white;
  padding-top: 25px;
  padding-bottom: 25px;

}

/* Hover en menú principal */
.menu-principal .navbar-nav>li>a:hover {
  color: white;
  background-color: #611232;
}

/* Menú secundario más bajo */
.menu-secundario {
  background-color: #a57f2c;
  height: 91px;
  padding-top: 40px;
  /* Altura un poco más baja */
}

/* Enlaces del menú secundario con menos espacio vertical */
.menu-secundario .navbar-nav>li>a {
  color: white;
  height: 63px;
  font-size: 12px;
  padding-top: 25px;
  padding-bottom: 12px;


}

/* Hover y estados activos en menú secundario */
.menu-secundario .navbar-nav>li>a:hover,
.menu-secundario .navbar-nav>li.active>a,
.menu-secundario .navbar-nav>li.open>a,
.menu-secundario .navbar-nav>li>a:focus {
  color: white !important;
  background-color: #611232 !important;

  height: 63px;
  padding-bottom: 48px;
  padding-top: 26px;
  font-size: 14px;

}

/* Submenús desplegables del menú secundario */
.menu-secundario .dropdown-menu>li>a {
  color: white;
  background-color: #a57f2c;
  font-size: 14px;
  /* o 13px si quieres más pequeño */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.menu-secundario .dropdown-menu>li>a:hover,
.menu-secundario .dropdown-menu>li.active>a {
  background-color: #611232;
  color: white;
}

/* ESTILOS MENU   */
/* ------------------------------- */