@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  /* TIPOGRAFIAS */
  --font-1: "Raleway", sans-serif;
  --font-2: "Roboto", sans-serif;
  /* COLOR */
  --color-1: #f2c028;
  --color-2: #1ac59a;
  --color-3: #e071eb;
  --color-4: #f29429;
  --color-5: #6f4d73;
  --color-6: #f6f6f6;
  --color-7: #989898;
  --color-8: #081631;
  --color-9: #7F6E3E;
  /*OG FIGMA*/
  /*--color-10: #A1A1A1;*/
  /*CAMBIO POR ACCESIBILIDAD*/
  --color-10: #767676;
  --color-black: #141414;
  --color-white: #ffffff;
  --bg-1: #f2c028;
  --bg-2: #1ac59a;
  --bg-3: #e071eb;
  --bg-4: #f29429;
  --bg-5: #6f4d73;
  --bg-6: #f6f6f6;
  --bg-black: #141414;
  --bg-white: #ffffff;
  --bg-transparent: transparent;
  /* SIZE */
  --font-s-50: 50px;
  --font-s-48: 48px;
  --font-s-46: 46px;
  --font-s-44: 44px;
  --font-s-42: 42px;
  --font-s-40: 40px;
  --font-s-38: 38px;
  --font-s-36: 36px;
  --font-s-34: 34px;
  --font-s-32: 32px;
  --font-s-30: 30px;
  --font-s-28: 28px;
  --font-s-26: 26px;
  --font-s-24: 24px;
  --font-s-22: 22px;
  --font-s-20: 20px;
  --font-s-18: 18px;
  --font-s-16: 16px;
  --font-s-14: 14px;
  --font-s-12: 12px;
  --font-s-10: 10px;
  /*WEIGHT*/
  --extrabold: 800;
  --bold: 700;
  --semibold: 600;
  --regular: 400;
  --meidum: 500;
  /* LINE HEIGHT */
  --lh-auto: normal;
  --lh-100: 100%;
  --lh-110: 110%;
  --lh-120: 120%;
  --lh-140: 140%;
  --lh-200: 200%;
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
ul,
li,
ol,
span {
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

a {
  outline: none;
  transition: color 0.2s ease;
}

@media only screen and (min-width: 1201px) {
  .container {
    max-width: 1200px !important;
    width: 98%;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  .container {
    max-width: 1100px !important;
    width: 95%;
  }
}

@media only screen and (max-width: 992px) {
  .container {
    max-width: 992px !important;
    width: 95%;
  }
}

.font-1 {
  font-family: var(--font-1);
}

.font-2 {
  font-family: var(--font-2);
}

.color-1 {
  color: var(--color-1);
}

.color-2 {
  color: var(--color-2);
}

.color-3 {
  color: var(--color-3);
}

.color-4 {
  color: var(--color-4);
}

.color-5 {
  color: var(--color-5);
}

.color-6 {
  color: var(--color-6);
}

.color-7 {
  color: var(--color-7);
}

.color-10 {
  color: var(--color-10);
}

.color-black {
  color: var(--color-black) !important;
}

.color-white {
  color: var(--color-white);
}

.bg-1 {
  background-color: var(--bg-1);
}

.bg-2 {
  background-color: var(--bg-2);
}

.bg-3 {
  background-color: var(--bg-3);
}

.bg-4 {
  background-color: var(--bg-4);
}

.bg-5 {
  background-color: var(--bg-5);
}

.bg-6 {
  background-color: var(--bg-6);
}

.bg-Black {
  background-color: var(--bg-black);
}

.bg-White {
  background-color: var(--bg-white);
}

.bg-transparent {
  background-color: var(--bg-transparent) !important;
}

.fs-50 {
  font-size: var(--font-s-50);
}

.fs-48 {
  font-size: var(--font-s-48);
}

.fs-36 {
  font-size: var(--font-s-36);
}

.fs-32 {
  font-size: var(--font-s-32);
}

.fs-30 {
  font-size: var(--font-s-30);
}

.fs-24 {
  font-size: var(--font-s-24);
}

.fs-22 {
  font-size: var(--font-s-22);
}

.fs-20 {
  font-size: var(--font-s-20);
}

.fs-18 {
  font-size: var(--font-s-18);
}

.fs-16 {
  font-size: var(--font-s-16);
}

.fs-14 {
  font-size: var(--font-s-14);
}

.lh-auto {
  line-height: normal;
}

.lh-100 {
  line-height: var(--lh-100);
}

.lh-110 {
  line-height: var(--lh-110);
}

.lh-120 {
  line-height: var(--lh-120);
}

.lh-140 {
  line-height: var(--lh-140);
}

.lh-200 {
  line-height: var(--lh-200);
}

.no_decoracion {
  text-decoration: none;
}

.w-fit-content {
  width: fit-content;
}

.max-w-1200 {
  max-width: 1200px;
}

.text-shadow {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.row .col {
  padding: 0;
}

.gap-32 {
  gap: 2rem !important;
}

.wrap-text a {
  text-decoration: none;
}

.p-10-30 {
  padding: 10px 30px !important;
}

.p-12-20 {
  padding: 12px 20px !important;
}

.h-fit {
  height: fit-content !important;
}

#logo-footer img {
  height: 30px;
}

#logo img {
  height: 40px;
}

#cabecero-what-son {
  z-index: 4;
  position: relative;
}

.img-full-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.img-full-contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background-color: #2b2b2b;
}

.texto_acortado {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.texto_acortado_4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.contenedor-redes {
  height: 30px;
  width: 30px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.a2a_kit div {
  display: none !important;
}

.a2a_kit a span {
  background-color: var(--bg-1) !important;
}

.a2a_kit .a2a_svg {
  border-radius: 32px !important;
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a2a_svg svg {
  max-width: 28px;
}

.a2a_svg svg path {
  fill: var(--color-black);
}

hr {
  margin: 0;
  opacity: 1;
}

.border-radius_10 {
  border-radius: 10px;
}

.border-radius_5 {
  border-radius: 5px;
}

.sombra {
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.25);
}

.list_style_none {
  list-style: none;
}


.card-carrusel {
  border-radius: 10x;
  position: relative;
  /* Necesario para posicionar el pseudo-elemento correctamente */
  /* overflow: hidden; */
  /* Asegura que el pseudo-elemento no se desborde */
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  /* Añade transiciones suaves si lo deseas */
}



.card-carrusel:hover::before {
  opacity: 1;
  /* Muestra la capa negra al hacer hover */
}

.card-carrusel img {
  display: block;
  max-width: 100%;
  height: auto;
}

.card-carrusel p,
.card-carrusel a,
.card-carrusel img,
.card-carrusel h2 {
  position: relative;
  z-index: 2;

  color: var(--color-8) !important;
}


.card-carrusel:hover p,
.card-carrusel:hover a {
  display: block;
}

.boton_seleccionado {
  background-color: var(--bg-transparent);
  border: 1px solid var(--color-1);
  width: fit-content;
  border-radius: 10px;
  color: var(--color-1);
}

.boton_seleccionado_2 {
  background-color: var(--bg-transparent);
  border: 1px solid var(--color-1);
  width: fit-content;
  border-radius: 10px;
  color: var(--color-1);
  max-width: 347px;
  width: 100%;
}

/* ------ BOTONES ------ */
.boton-primary {
  padding: 10px 20px;
  border: 1px solid black;
  color: var(--color-black);
  border-radius: 10px;
  transition: ease 0.3s;
}

.boton-primary:hover {
  padding: 10px 20px;
  border: 1px solid var(--color-1);
  background-color: var(--bg-1);
}

.boton-secundary {
  padding: 10px 20px;
  background-color: var(--bg-1);
  color: var(--color-black);
  border: 1px solid var(--color-1);
  border-radius: 10px;
  transition: ease 0.3s;
}

.btn.btn-secondary,
.boton-secundary.filtros {
  padding: 5px 35px;
  font-size: var(--font-s-18);
  font-weight: var(--regular);
  line-height: var(--lh-140);
  font-family: var(--font-2);
}

.boton-secundary:hover {
  padding: 10px 20px;
  border: 1px solid var(--color-1);
  background-color: var(--bg-white);
}

.btn.btn-secondary:hover,
.boton-secundary.filtros:hover {
  padding: 5px 35px;
}

.boton-terciary {
  padding: 10px 15px;
  background-color: var(--bg-transparent);
  color: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: 10px;
  transition: ease 0.3s;
}

.boton-terciary:hover {
  padding: 10px 15px;
  border: 1px solid var(--color-black);
  background-color: var(--bg-white);
  color: var(--color-black);
}

.boton-events {
  background-color: var(--bg-transparent);
  color: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: 10px;
  transition: ease 0.3s;
  max-width: 347px;
  width: 100%;
}

.boton_blanco {
  background-color: var(--bg-white);
  color: var(--color-black);
  border: 1px solid var(--color-black);
  border-radius: 10px;
  display: block;
  width: 100%;
}

.btn-compartir {
  background-color: transparent;
  border: 1px solid var(--color-10);
  border-radius: 10px;
  padding: 5px 20px;
  min-width: 145px;
  font-size: var(--font-s-18);
  font-family: var(--font-2);
  line-height: var(--lh-140);
  font-weight: var(--regular);
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* <--- Esto centra el icono y el texto horizontalmente */
  text-align: center;
  text-decoration: none;
  color: var(--color-10);
  transition: ease 0.3s;
}

.btn-compartir:hover {
  color: var(--color-white);
  background-color: var(--color-10);
}

.btn-compartir i {
  /* Limpiamos esto para que Flexbox del botón haga su trabajo verticalmente */
  line-height: 1;
  display: block;
}

/* =========================================
   BOTÓN VER MÁS
========================================= */

/* =========================================
   BOTÓN VER MÁS (SVG INLINE)
========================================= */
.BTN-VER-MAS {
  display: inline-block;
  cursor: pointer;
}

.BTN-VER-MAS .svg-fondo {
  fill: transparent;
}

.BTN-VER-MAS .svg-fondo,
.BTN-VER-MAS .svg-icono {
  transition: fill 0.3s ease, stroke 0.3s ease;
}

.BTN-VER-MAS:hover .svg-fondo {
  fill: var(--color-1);
}

/* ------ END BOTONES ------ */

/* ------ UTILIDADES ------ */
.horario-ficha .hora,
.text-danger {
  font-family: var(--font-1);
  font-weight: var(--semibold);
  font-size: var(--font-s-20);
  line-height: normal;

}

.punto-separador {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--color-10);
  opacity: 0.5;
  display: inline-block;
}

/* ---------- END UTILIDADES ------ */

/* ------------------------ START HEADER ------------------------ */
.navbar-toggler {
  padding: 0px;
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: none;
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

.icon {
  transition:
    transform 0.5s ease,
    opacity 0.5s ease;
  display: block;
  opacity: 1;
}

.fading {
  opacity: 0;
}

.navbar-brand {
  /* padding-top: var(--bs-navbar-brand-padding-y); */
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}

.navbar-collapse {
  background-color: var(--bg-white);
}

.btn_dropdown-1,
.btn_dropdown-2,
.btn_dropdown-3,
.btn_dropdown-4,
.btn_dropdown-5,
.btn_dropdown-6 {
  color: var(--color-black);
  font-size: var(--font-s-16);
}

.navbar-movil {
  height: 80px;
}

.navbar-brand {
  padding: 0;
  margin: 0;
}

/* Estado normal de los enlaces */
.modificador {
  color: black;
  transition:
    color 0.3s ease,
    font-weight 0.3s ease;
}

/* Cambiar el color y grosor al hacer clic */
.modificador .clicked {
  color: #333;
  /* Color más oscuro si deseas que sea ligeramente diferente al negro */
  font-weight: bold;
  /* Cambia el grosor de la fuente */
}

.punto-negro-1 {
  right: 45%;
  top: 50px;
  height: 12px;
  width: 12px;
  border-radius: 100%;
}

.btn_dropdown-1:hover .punto-negro-1 {
  display: block;
}

.punto-negro-2 {
  right: 35%;
  top: 35px;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}

.btn_dropdown-2:hover .punto-negro-2 {
  display: block;
}

.punto-negro-3 {
  right: 35%;
  top: 35px;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}

.btn_dropdown-3:hover .punto-negro-3 {
  display: block;
}

.punto-negro-4 {
  right: 35%;
  top: 35px;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}

.btn_dropdown-4:hover .punto-negro-4 {
  display: block;
}

.punto-negro-5 {
  right: 35%;
  top: 35px;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}

.btn_dropdown-5:hover .punto-negro-5 {
  display: block;
}

.punto-negro-6 {
  right: 35%;
  top: 35px;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}

.btn_dropdown-6:hover .punto-negro-6 {
  display: block;
}

.dropdown-menu-hijo {
  width: 700px;
}


.dropdown-menu-nieto {
  /* Oculto por defecto, se despliega al clickear su padre */
  display: none;
  /* Sobrescribir los estilos predeterminados */
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  transform: none !important;
  /* Cancela cualquier transformación aplicada */
}

.dropdown-menu-nieto.show {
  display: block !important;
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  transform: none !important;
}

.dropdown-toggle-nieto::after {
  transition: transform 0.2s ease;
}

.dropdown-toggle-nieto[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

.carousel-header button {
  display: none !important;
}

.search-container {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  /*padding: 5px 12px;*/
  width: 150px !important;
  border: 1px solid #ccc;
  transition: width 0.3s ease;
}

#navbarNavAltMarkup .search-container {
  width: 310px !important;
}

.search-container input {
  border: none;
  outline: none;
  /*padding: 10px 10px 10px 20px;*/
  padding: 5px 5px 5px 15px;
  border-radius: 25px;
  width: 100%;
  font-size: 16px;
}

.search-container button {
  background: none;
  border: none;
  cursor: pointer;
}

.search-container img {
  width: 20px;
  height: 20px;
}

.es,
.en {
  cursor: pointer;
}

.cursor_pointer {
  cursor: pointer;
}

.language-dropdown-btn {
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 5px 12px;
  min-width: 65px;
  font-size: 14px;
}

.language-dropdown-btn:hover {
  color: var(--color-white);
  background-color: var(--color-10);
}

.language-dropdown-btn::after {
  display: none !important;
  /* Hide default Bootstrap caret */
}

.language-dropdown-btn:focus,
.language-dropdown-btn:active {
  box-shadow: none;
  border-color: #ccc;
}

.language-dropdown-btn .transition-transform {
  transition: transform 0.3s ease;
}

.language-dropdown-btn.show .transition-transform {
  transform: rotate(180deg);
}

/* ------------------------ END HEADER ------------------------ */
/* ------------------------ START SECTION 1 (INDEX) ------------------------ */
.collection {
  justify-content: center;
  align-items: center;
}

.collection .content {
  height: 580px;
  width: 1015px;
  overflow: hidden;
  /* padding: .2rem; */
  border-radius: 20px;
}

.collection .content.swiper-slide-visible {
  display: flex !important;
  align-items: end;
}

.collection .text-shadow {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  padding: 1rem;
}

.content img {
  width: 100%;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}

.img-1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.swiper-pagination-bullet {
  background-color: black;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 30px;
  top: 862px;
  left: 0;
  width: 100%;
}

.swiper .swiper-notification {
  position: unset;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-pagination {
  position: unset;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* ------------------------ END SECTION 1 (INDEX) ------------------------ */
/* ------------------------ START PUBLI (INDEX) ------------------------ */
.carousel-publi {
  max-height: 250px;
  overflow: hidden;
}

.carousel-public-item img {
  object-fit: cover;
  object-position: center;
  height: 250px;
  width: 100%;
}

/* ------------------------ END PUBLI (INDEX) ------------------------ */
/* ------------------------ START SECTION 2 (INDEX) ------------------------ */
.carrusel-home-wrapper,
.carrusel-home-wrapper .carrusel-home,
.carrusel-home-wrapper .carrusel-home .slick-list,
.carrusel-home-wrapper .carrusel-home .slick-list .slick-track,
.carrusel-home-wrapper .carrusel-home .slick-list .slick-track .carrusel-home-no-eventos,
.carrusel-home-wrapper .carrusel-home .slick-list .slick-track .carrusel-home-no-eventos .position-relative {
  height: 100%;
}

.carrusel-home-wrapper .carrusel-home .slick-list .slick-track .carrusel-home-no-eventos .position-relative h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.carrusel-home-wrapper .carrusel-home .slick-list .slick-track .carrusel-home-no-eventos {
  border: 3px solid gray;
  border-radius: 12px;
}

.carrusel-home .slick-list .carrusel-home-img {
  border-radius: 15px;
  height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

#section-2-home {
  /* max-height: 800px; */
  overflow: hidden;
}

#ui-datepicker-div {
  z-index: 9999 !important;
}

#section-2-home .ui-widget-header {
  border: none;
  background: none;
  color: #333333;
  font-weight: bold;
}

#section-2-home .ui-widget.ui-widget-content {
  border: none;
}

#section-2-home .ui-widget-header {
  border: none;
  background: none;
  color: #f2c028;
  font-weight: bold;
}

#section-2-home .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 2px solid transparent;
  background: white;
  font-weight: normal;
  color: #454545;
}

#section-2-home .ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: center;
  text-decoration: none;
}

#section-2-home .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

#section-2-home .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
  cursor: pointer;
}

#section-2-home .ui-datepicker .ui-datepicker-prev {
  left: 190px;
  cursor: pointer;
}

#section-2-home .ui-datepicker .ui-datepicker-title {
  margin: 0 0.6em;
  line-height: 1.8em;
  text-align: start;
}

#section-2-home .ui-datepicker .ui-datepicker-next {
  right: 10px;
}

#section-2-home .ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: none;
  background: #fbe099;
  font-weight: normal;
  color: #2b2b2b;
  border-radius: 10px;
}

#section-2-home .ui-widget-header .ui-icon {
  transform: scale(1.5);
}

#section-2-home .ui-icon-circle-triangle-e {
  background-position: -33px 0px;
}

#section-2-home .ui-icon-circle-triangle-w {
  background-position: -96px 0px;
}

#section-2-home .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 2px solid var(--bg-1);
  background: var(--bg-white);
  color: var(--color-black);
  border-radius: 20px;
}

#section-2-home .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 2px solid var(--bg-1);
  background: var(--bg-1);
  color: var(--color-black);
  border-radius: 20px;
}

.carrusel-home .slick-track {
  display: flex !important;
}

.carrusel-home .slick-slide {
  height: inherit !important;
}

/* ------------------------ END SECTION 2 (INDEX) ------------------------ */
/* ------------------------ START SECTION 3 (INDEX) ------------------------ */
.novedades a {
  border: 1px solid var(--color-1);
  padding: 6px 30px;
  background-color: var(--bg-1);
  transition: ease 0.3s;
  color: black;
}

.novedades a:hover {
  border: 1px solid var(--color-1);
  background-color: var(--bg-white);
}

.novedades input {
  padding: 6px 0px;
  border: 0.5px solid black;
  width: 100%;
}

/* ------------------------ END SECTION 3 (INDEX) ------------------------ */
/* ------------------------ START SECTION 4 (INDEX) ------------------------ */
.entretenimiento-1 {
  width: 100%;
  height: 110px;
  background:
    linear-gradient(to right,
      rgba(242, 192, 40, 1) 36%,
      rgba(242, 192, 40, 0.8) 60%,
      rgba(242, 192, 40, 0) 100%),
    url(../img/bg/entretenimiento-1.png);
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.entretenimiento-2 {
  width: 100%;
  height: 110px;
  background:
    linear-gradient(to right,
      rgba(42, 204, 165, 1) 36%,
      rgba(42, 204, 165, 0.8) 60%,
      rgba(42, 204, 165, 0) 100%),
    url(../img/bg/entretenimiento-2.png);
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.entretenimiento-3 {
  width: 100%;
  height: 110px;
  background:
    linear-gradient(to right,
      rgba(224, 113, 235, 1) 36%,
      rgba(224, 113, 235, 0.8) 60%,
      rgba(224, 113, 235, 0) 100%),
    url(../img/bg/entretenimiento-3.png);
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.entretenimiento-4 {
  width: 100%;
  height: 110px;
  background:
    linear-gradient(to right,
      rgba(242, 148, 41, 1) 36%,
      rgba(242, 148, 41, 0.8) 60%,
      rgba(242, 148, 41, 0) 100%),
    url(../img/bg/entretenimiento-4.png);
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.entretenimiento-5 {
  width: 100%;
  height: 110px;
  background:
    linear-gradient(to right,
      rgba(111, 77, 115, 1) 36%,
      rgba(111, 77, 115, 0.8) 60%,
      rgba(111, 77, 115, 0) 100%),
    url(../img/bg/entretenimiento-5.png);
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.entr_icon img {
  left: -20px;
}

/* ------------------------ END SECTION 4 (INDEX) ------------------------ */
/* ------------------------ START SECTION 5 (INDEX) ------------------------ */
.carousel-service .slick-track {
  gap: 20px;
  justify-content: center;
}

.carousel-service .a-tab {
  font-weight: normal;

}


.carousel-service .tab-active {
  color: var(--color-white) !important;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  border-radius: 10px 10px 0px 0px;
  background-color: var(--color-black);
}

.carousel-service .a-tab:hover {
  color: var(--color-white) !important;
  background-color: var(--color-black) !important;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  border-radius: 10px 10px 0px 0px;
}

.restaurant-1 {
  background-image: url(../img/bg/restaurant-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.restaurant-2 {
  background-image: url(../img/bg/restaurant-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.restaurant-3 {
  background-image: url(../img/bg/restaurant-3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.restaurant-4 {
  background-image: url(../img/bg/restaurant-4.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.restaurant-5 {
  background-image: url(../img/bg/restaurant-3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.hotels-1 {
  background-image: url(../img/bg/restaurant-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.hotels-2 {
  background-image: url(../img/bg/restaurant-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.hotels-3 {
  background-image: url(../img/bg/restaurant-3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.hotels-4 {
  background-image: url(../img/bg/restaurant-4.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.hotels-5 {
  background-image: url(../img/bg/restaurant-3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.beach_club-1 {
  background-image: url(../img/bg/restaurant-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.beach_club-2 {
  background-image: url(../img/bg/restaurant-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.beach_club-3 {
  background-image: url(../img/bg/restaurant-3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.beach_club-4 {
  background-image: url(../img/bg/restaurant-4.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.beach_club-5 {
  background-image: url(../img/bg/restaurant-3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.golf-1 {
  background-image: url(../img/bg/restaurant-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.golf-2 {
  background-image: url(../img/bg/restaurant-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.golf-3 {
  background-image: url(../img/bg/restaurant-3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.golf-4 {
  background-image: url(../img/bg/restaurant-4.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.golf-5 {
  background-image: url(../img/bg/restaurant-3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.gym-1 {
  background-image: url(../img/bg/restaurant-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.gym-2 {
  background-image: url(../img/bg/restaurant-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.gym-3 {
  background-image: url(../img/bg/restaurant-3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.gym-4 {
  background-image: url(../img/bg/restaurant-4.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.gym-5 {
  background-image: url(../img/bg/restaurant-3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.75);
}

.carrusel-flecha-home-derecha {
  top: 470px;
  right: 70px;
}

.carrusel-flecha-home-izquierda {
  top: 470px;
  left: 70px;
}

.no-visible {
  display: none;
}

.visible {
  display: block;
}

/* ------------------------ END SECTION 5 (INDEX) ------------------------ */
/* ------------------------ START SECTION 6 (INDEX) ------------------------ */
/* Da espacio vertical extra para que el scale no se corte arriba/abajo */

.center .slick-track {
  margin-left: 0;
  gap: 0;
  align-items: center;
  min-height: 525px;
}

.cuadrado_eventos {
  height: 226px;
  position: relative;
  transition: all 0.3s ease;
}

.cuadrado_eventos .cuadrado_eventos_fecha {
  /* relative positioning so it sits above the image */
  position: relative;
}

.center * {
  overflow-y: visible !important;
}

.cuadrado_eventos .cuadrado_eventos_fecha span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}

.center.slick-slider .cuadrado_eventos {
  position: relative;
  z-index: 1;
  opacity: 0.5;
  filter: brightness(0.7);
  transform: scale(1);
  transition: all 0.3s ease;
  top: -25px;
}

.center.slick-slider .cuadrado_eventos.slick-current {
  z-index: 2;
  opacity: 1;
  filter: brightness(1);
  transform: scale(1);
  overflow: visible !important;
  height: 425px;
  width: 220px !important;
}

.center.slick-slider .cuadrado_eventos.slick-current img {
  max-height: 326px;
  width: 220px !important;
  max-width: 220px !important;

}

.center.slick-slider .cuadrado_eventos .cuadrado_eventos_fecha,
.center.slick-slider .cuadrado_eventos .cuadrado_eventos_titulo {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  height: 0;
  overflow: hidden;
}

.center.slick-slider .cuadrado_eventos.slick-current .cuadrado_eventos_fecha,
.center.slick-slider .cuadrado_eventos.slick-current .cuadrado_eventos_titulo {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.center.slick-slider .slick-track {
  display: flex !important;
}


.center.slick-slider .cuadrado_eventos img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.center.slick-slider .cuadrado_eventos_titulo {
  /* 1. El corte de texto nativo */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  /* 2. EL SEGURO DE VIDA PARA WINDOWS */
  word-break: break-word;
  /* Obliga a romper palabras largas si es necesario */
  line-height: 1.2em;
  /* Fijamos la altura de cada línea */
  max-height: 3.6em;
  /* 1.2em x 3 líneas = 3.6em. Le decimos exactamente dónde parar */

  /* 3. Por si acaso sobra un píxel, ocultamos el scroll */
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.center.slick-slider .cuadrado_eventos_titulo::-webkit-scrollbar {
  display: none;
}

.fecha-evento-badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: var(--font-2);
}

.dia-evento {
  font-size: 50px;
  font-weight: bold;
}

.mes-evento {
  font-size: 30px;
  font-weight: var(--regular);
}

.mi-flecha-center-prev {
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;

}

.mi-flecha-center-next {
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
}

@media (max-width: 600px) {
  .mi-flecha-center-prev {
    left: -25px;
  }

  .mi-flecha-center-next {
    right: -25px;
  }
}

/* ------------------------ END SECTION 6 (INDEX) ------------------------ */
/* ------------------------ START SECTION 7 (INDEX) ------------------------ */
#section-7-home .dropdown-toggle,
.dropdown-menu {
  border-radius: 15px;
}

#section-7-home .dropdown-toggle {
  border: 1px solid black;
}

#section-7-home hr {
  color: var(--color-7);
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-top: 11px;
}

/* ------------------------ END SECTION 7 (INDEX) ------------------------ */
/* ------------------------ START SECTION 1 (MUSIC) ------------------------ */

.portada-head {
  width: 100%;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 0px 0px 10px 10px;
  height: 60px;
}

#section-1-autor .portada-head {
  height: 90px;
}

.portada-head p {
  padding-left: 20px;
}

/* ------------------------ END SECTION 1 (MUSIC) ------------------------ */
/* ------------------------ START SECTION 2 (MUSIC) ------------------------ */

/* 1. El Contenedor Padre (El diseño base que quieres) */
.search-container-music {
  display: flex;
  align-items: center;
  padding: 4.5px 20px;
  background: #FFFFFF;
  border: 1px solid var(--color-black, #000);
  border-radius: 10px;
  width: 100%;
  max-width: fit-content;
  max-height: 30px;
}

/* =========================================
   ESTILOS DEL INPUT DATE (CALENDARIO)
========================================= */

.search-container-music input[type="date"] {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  box-shadow: none;
  font-family: var(--font-1);
  color: var(--color-black, #000);
}

/* Reemplaza tu bloque anterior por este: */
.search-container-music input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 1;
  background-image: url('/master_2/assets/img/recursos/calendario-icon.svg') !important;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 16px;
  color: transparent;
  background-color: transparent;
}

.search-container-music input[type="date"]::-webkit-calendar-picker-indicator:hover {
  transform: scale(1.1);
  transition: transform 0.2s ease;
}

.search-container-music button[type="submit"] {
  border: none;
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

/* 3. LIMPIAR LOS ESTILOS INYECTADOS POR SELECT2 */
.search-container-music .select2-container--default .select2-selection--single {
  border: none !important;
  background-color: transparent !important;
  height: auto !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 4. TEXTO DEL SELECT2 (Evitar solapamientos) */
.search-container-music .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  padding-right: 25px !important;
  color: var(--color-black, #000) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: var(--font-s-18);
  font-family: var(--font-2);
  font-weight: var(--regular);
  line-height: var(--lh-140);
}

/* Asegurar que el Select2 ocupe todo el espacio de nuestro contenedor */
.search-container-music .select2-container {
  width: 100% !important;
}

/* =========================================
    FLECHA PERSONALIZADA DEL SELECT2
========================================= */

/* Ocultar la flecha por defecto de Select2 */
.search-container-music .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none !important;
}

/* flecha personalizada */
.search-container-music .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  width: 15px !important;
  top: 0 !important;
  right: 0 !important;
  background-image: url('/master_2/assets/img/recursos/select-flecha-abajo.svg') !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: 14px !important;
}

/* Animación para que rote la flecha al abrir */
.search-container-music .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.search-container-music .select2-container--default .select2-selection--single .select2-selection__arrow {
  transition: transform 0.3s ease;
}

/* ------------------------  SECTION 2 (LISTADO) ------------------------ */

/* =========================================
   MÓDULO: LISTADO (El Destacado Grande)
========================================= */

/* Estilo base de la tarjeta */
.MODULO_LISTADO article.NOTICIA {
  background-color: var(--color-white, #ffffff);
  border-radius: 10px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  transition: transform 0.3s ease;
}

.MODULO_LISTADO article.NOTICIA:hover {
  transform: translateY(-5px);
}

/* Composición 42% Foto / 58% Texto en PC */
@media (min-width: 992px) {
  .MODULO_LISTADO article.NOTICIA .wrap-both {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }

  .MODULO_LISTADO article.NOTICIA .wrap-media {
    width: 42%;
    aspect-ratio: 4 / 3;
  }

  .MODULO_LISTADO article.NOTICIA .wrap-text {
    width: 58%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/* Configuramos la imagen para que rellene todo el alto/ancho */
.MODULO_LISTADO article.NOTICIA .wrap-media {
  position: relative;
  flex-shrink: 0;
  margin: 0;
}

.MODULO_LISTADO article.NOTICIA .wrap-media a {
  display: block;
  width: 100%;
  height: 100%;
}

.MODULO_LISTADO article.NOTICIA .wrap-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Estilos de Textos Gigantes para el Destacado */
.MODULO_LISTADO article.NOTICIA .wrap-text header h2 {
  font-size: var(--font-s-36);
  margin-bottom: 1rem;
}

.MODULO_LISTADO article.NOTICIA .wrap-text header h2 a {
  font-weight: var(--semibold);
  font-family: var(--font-1);
  color: var(--color-black);
  text-decoration: none;
}

.MODULO_LISTADO article.NOTICIA .wrap-text .entradilla {
  font-size: var(--font-s-18);
  color: var(--color-10);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1rem;
  font-weight: var(--regular);
  line-height: var(--lh-140);
  font-family: var(--font-2);
}

/* =========================================
   EL CUADRADO NEGRO (SOLO PARA EVENTOS)
========================================= */
/* =========================================
   1. EL CONTENEDOR FLEX (FOTO + CAJA NEGRA)
========================================= */
.MODULO_LISTADO.es-evento article.NOTICIA .wrap-media {
  display: flex;
  align-items: stretch;
}

/* === TAMAÑOS PARA EL DESTACADO (GRANDE) === */
.MODULO_LISTADO.es-evento article.NOTICIA .wrap-media a {
  width: 58%;
}

.caja-negra-evento {
  width: 42%;
  background-color: var(--color-black, #111);
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* === TAMAÑOS PARA LOS SECUNDARIOS (PEQUEÑOS) === */
.MODULO_LISTADO.secundario.es-evento article.NOTICIA .wrap-media a {
  width: 50%;
  /* TU ANCHO PARA LA FOTO */
}

.MODULO_LISTADO.secundario .caja-negra-evento {
  width: 50%;
  /* TU ANCHO PARA LA CAJA NEGRA */
  gap: 10px;
}

/* =========================================
   2. DISEÑO INTERNO DE LAS FECHAS (COLUMNAS)
========================================= */
.fechas-estilo {
  font-size: var(--font-s-18);
  font-weight: var(--regular);
  font-family: var(--font-2);
  color: var(--bg-black);
}

.columna-fecha {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  font-family: var(--font-2);
}

/* Estilos para el "De" y "A" encima de los números */
.columna-fecha .prefijo-fecha {
  font-size: var(--font-s-20);
  text-transform: uppercase;
  font-weight: normal;
  color: #ffffff;
  line-height: 140%;
}


.columna-fecha .dia {
  font-size: var(--font-s-50);
  font-weight: bold;
}

.columna-fecha .mes {
  font-size: var(--font-s-30);
  text-transform: uppercase;
  font-weight: var(--regular);
}

.separador-fecha {
  font-size: var(--font-s-30);
  font-weight: var(--regular);
  color: #ffffff;
}


/* =========================================
   3. MODIFICADORES DEL TEXTO DERECHO (Tus ajustes)
========================================= */
@media (min-width: 992px) {
  .MODULO_LISTADO.secundario article.NOTICIA .wrap-media {
    width: 47%;
  }

  .MODULO_LISTADO.secundario article.NOTICIA .wrap-text {
    padding: 2rem !important;
  }
}

.MODULO_LISTADO.secundario article.NOTICIA .wrap-text header h2 {
  font-size: var(--font-s-30);
  margin-bottom: 0.5rem;
}

.MODULO_LISTADO.secundario article.NOTICIA .wrap-text .entradilla {
  -webkit-line-clamp: 3;
  font-size: var(--font-s-16);
  margin-bottom: 0.5rem;
}

@media (max-width: 991px) {
  .MODULO_LISTADO.es-evento article.NOTICIA .wrap-media {
    aspect-ratio: 4 / 3;
  }

  .MODULO_LISTADO article.NOTICIA .wrap-text {
    padding: 1rem !important;
  }
}

/* ------------------------ END SECTION 2 (LISTADO) ------------------------ */

/* ------------------------  SECTION 2 (OCIO) ------------------------ */
.MODULO_3 .first-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}

.MODULO_3 .first-wrap article {
  /* (100% de ancho - 2 huecos de 2rem) dividido entre 3 tarjetas */
  flex: 1 1 calc((100% - 4rem) / 3);
}

.MODULO_3 .first-wrap article .wrap-both .wrap-text h2 {
  font-size: var(--font-s-24);
}

.MODULO_3 .first-wrap .wrap-both .wrap-text .entradilla {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 12px;
}


/* ------------------------ END SECTION 2 (OCIO) ------------------------ */

/* ------------------------  SECTION 3 (OCIO) ------------------------ */


/* Limitar la entradilla a 3 líneas en el carrusel */
.carrusel-hotels .entradilla {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--font-2);
  font-weight: var(--regular);
  font-size: var(--font-s-18);
  line-height: var(--lh-140);
  opacity: 1;
  color: rgba(161, 161, 161, 1);
  margin-bottom: .5rem
}

/* Forzar que todas las tarjetas midan exactamente lo mismo de alto */
.carrusel-hotels .slick-track {
  display: flex !important;
}

.carrusel-hotels .slick-slide {
  height: auto !important;
  display: flex;
  padding-top: 10px;
}

.carrusel-hotels .slick-slide>div {
  width: 100%;
  height: 100%;
}

.carrusel-hotels article.NOTICIA {
  width: 100%;
}

.carrusel-hotels.mostrar-2 article.NOTICIA .wrap-text header h2,
.carrusel-hotels.mostrar-3 article.NOTICIA .wrap-text header h2 {
  font-weight: 600;
  font-size: var(--font-s-24);
  margin-bottom: .5rem;

}

/* ------------------------ END SECTION 3 (OCIO) ------------------------ */



/* ------------------------  SECTION 7 (OCIO) ------------------------ */
.MODULO_2 .first-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}

.MODULO_2 .first-wrap article {
  /* (100% de ancho - 2 huecos de 2rem) dividido entre 3 tarjetas */
  flex: 1 1 calc((100% - 2rem) / 2);
}

.MODULO_2 .first-wrap article .wrap-both .wrap-text h2 {
  font-size: var(--font-s-24);
}

.MODULO_2 .first-wrap .wrap-both .wrap-text .entradilla {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 12px;
}

/* ------------------------ END SECTION 7 (OCIO) ------------------------ */


.search-container-music input,
.search-container-music select {
  border: none;
  outline: none;
  padding: 0;
  border-radius: 25px;
  width: 100%;
  font-size: var(--font-s-18);
  font-family: var(--font-2);
  font-weight: var(--regular);
  line-height: var(--lh-140);
}

.search-container-music button {
  background: none;
  border: none;
  cursor: pointer;
}

.search-container-music img {
  width: 20px;
  height: 20px;
}

#section-2-music .dropdown {
  max-width: 350px;
  width: 100%;
}

#section-2-music .dropdown-toggle,
.dropdown-menu {
  border-radius: 15px;
}

#section-2-music .dropdown-toggle {
  border: 1px solid black;
}

#section-2-music hr {
  color: var(--color-7);
}

#section-2-music .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-top: 11px;
}

.contenedor_evento_musical {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  height: 170px;
  -webkit-box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
  transition:
    transform 0.3s,
    box-shadow 0.3s ease;
  -o-transition:
    transform 0.3s,
    box-shadow 0.3s ease;
  -moz-transition:
    transform 0.3s,
    box-shadow 0.3s ease;
  -webkit-transition:
    transform 0.3s,
    box-shadow 0.3s ease;
}

.contenedor_evento_musical:hover {
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -webkit-box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
}

.img_evento_musical {
  width: 215px;
  height: 100%;
  transition:
    width 0.3s ease,
    height 0.3s ease,
    box-shadow 0.3s ease,
    border-top 0.3s ease,
    border-bottom 0.3s ease;
}

.img_evento_musical img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.fecha_evento_musical {
  height: 100%;
  transition: background-color 0.3s ease;
}

.contenedor_evento_musical:hover .fecha_evento_musical {
  background-color: var(--bg-1);
}

.plus_music {
  background-image: url(../img/recursos/plus_negro.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 90px;
  height: 100px;
  transition: background-image 0.3s ease;
}

.contenedor_evento_musical:hover .plus_music {
  background-image: url(../img/recursos/plus_amarillo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.titulo_evento_music {
  width: 100%;
}

.paginacion {
  border-bottom: 3px solid var(--color-black);
}

.paginacion-seleccionada {
  border-bottom: 3px solid var(--color-1);
  color: var(--color-1);
}

/* ------------------------ END SECTION 2 (MUSIC) ------------------------ */
/* ------------------------ START SECTION 1 (NEWS) ------------------------ */
.portada-news {
  width: 100%;
  height: 223px;
  background:
    linear-gradient(to right,
      rgba(111, 77, 115, 1) 36%,
      rgba(111, 77, 115, 0.8) 60%,
      rgba(111, 77, 115, 0) 100%),
    url(../img/bg/entretenimiento-5.png);
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

#section-3-news .noticia-listado-img {
  height: 280px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

/* ------------------------ END SECTION 1 (NEWS) ------------------------ */
/* ------------------------ START SECTION 2 (NEWS) ------------------------ */

/* =========================================
   MODULO: GRID 2X5 (2 Columnas)
========================================= */

.MODULO_GRID_2X5 .first-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}

.MODULO_GRID_2X5 .first-wrap article {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
}

.MODULO_GRID_2X5 .first-wrap article .wrap-text h2 {
  font-size: var(--font-s-24);
}


/* Entradilla acortada a 3 líneas */
.MODULO_GRID_2X5 .first-wrap article .wrap-text .entradilla {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* ------------------------ END SECTION 2 (NEWS) ------------------------ */
/* ------------------------ START SECTION 3 (NEWS) ------------------------ */
.cuadrado_negro {
  max-width: 80px;
  width: 100%;
  padding: 4px 10px;
}

.ultimas-noticias-item {
  transition:
    transform 0.3s,
    box-shadow 0.3s;
  -o-transition:
    transform 0.3s,
    box-shadow 0.3s;
  -moz-transition:
    transform 0.3s,
    box-shadow 0.3s;
  -webkit-transition:
    transform 0.3s,
    box-shadow 0.3s;
}

.ultimas-noticias-item:hover {
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.7);
}

.carousel-publi.publi-vertical {
  max-height: 720px;
}

.carousel-publi.publi-vertical .carousel-public-item img {
  object-fit: cover;
  object-position: center;
  height: 720px;
  width: 100%;
}

/* ------------------------ END SECTION 3 (NEWS) ------------------------ */
/* ------------------------ START SECTION 2 (NEGOCIO) ------------------------ */
.carrusel-negocio .slick-list {
  border-radius: 10px;
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.25);

}

.carrusel-negocio .slick-dots {
  position: absolute;
  bottom: -44px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.carrusel-negocio .slick-dots li button:before {
  font-family: "slick";
  font-size: 10px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#section-2-negocio .img-negocio {
  background-image: url(../img/bg/restaurant-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#section-2-negocio p {
  margin-bottom: 1rem !important;
}

#section-2-negocio p span,
#section-2-negocio p {


  font-family: var(--font-2) !important;
  font-weight: var(--regular) !important;
  font-size: var(--font-s-18) !important;
  line-height: var(--lh-140) !important;

  color: var(--bg-black) !important;

}

#section-2-negocio h1 {


  font-family: var(--font-1) !important;
  font-weight: var(--semibold) !important;
  font-size: var(--font-s-36) !important;
  line-height: var(--lh-100) !important;

  color: var(--bg-black) !important;

}

#section-2-negocio h2 {


  font-family: var(--font-1) !important;
  font-weight: var(--semibold) !important;
  font-size: var(--font-s-30) !important;
  line-height: var(--lh-100) !important;

  color: var(--bg-black) !important;

}

#section-2-negocio h3 {


  font-family: var(--font-1) !important;
  font-weight: var(--regular) !important;
  font-size: var(--font-s-24) !important;
  line-height: var(--lh-100) !important;

  color: var(--bg-black) !important;

}

#section-2-negocio h4 {


  font-family: var(--font-1) !important;
  font-weight: var(--regular) !important;
  font-size: var(--font-s-20) !important;
  line-height: var(--lh-100) !important;

  color: var(--bg-black) !important;

}

#section-2-negocio h5 {


  font-family: var(--font-1) !important;
  font-weight: var(--regular) !important;
  font-size: var(--font-s-16) !important;
  line-height: var(--lh-100) !important;

  color: var(--bg-black) !important;

}

#section-2-negocio img {

  max-height: 500px !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

#section-3-negocio .carrusel-negocio img {
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  height: auto !important;
}

#section-3-negocio .img-aleatoria {
  margin-left: 40px;
}


#section-3-negocio .carrusel-negocio .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #000;
}

#section-3-negocio .carrusel-negocio.slick-slider {
  margin-bottom: 0 !important;
}

.carrusel-flecha-derecha-negocio,
.carrusel-flecha-izquierda-negocio {
  min-width: 48px;
  min-height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* ------------------------ END SECTION 2 (NEGOCIO) ------------------------ */
/* ------------------------ START SECTION 5 (NEGOCIO) ------------------------ */
.MODULO_3_EVENTOS .first-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}

.MODULO_3_EVENTOS .first-wrap article {
  flex: 1 1 calc((100% - 4rem) / 3);
}

.MODULO_3_EVENTOS .first-wrap article .wrap-both .wrap-media img {
  aspect-ratio: 2/3;
}

/* ------------------------ END SECTION 5 (NEGOCIO) ------------------------ */

/* ------------------------ START SECTION 1 (NOTICIAS) ------------------------ */

#section-5-ficha-noticia p span,
#section-5-ficha-noticia p {


  font-family: var(--font-2) !important;
  font-weight: var(--regular) !important;
  font-size: var(--font-s-18) !important;
  line-height: var(--lh-140) !important;

  color: var(--bg-black) !important;
  margin-bottom: 1rem !important;

}

#section-5-ficha-noticia h1 {


  font-family: var(--font-1) !important;
  font-weight: var(--semibold) !important;
  font-size: var(--font-s-36) !important;
  line-height: var(--lh-100) !important;

  color: var(--bg-black) !important;
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;

}

#section-5-ficha-noticia h2 {


  font-family: var(--font-1) !important;
  font-weight: var(--semibold) !important;
  font-size: var(--font-s-30) !important;
  line-height: var(--lh-100) !important;

  color: var(--bg-black) !important;
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;


}

#section-5-ficha-noticia h3 {


  font-family: var(--font-1) !important;
  font-weight: var(--regular) !important;
  font-size: var(--font-s-24) !important;
  line-height: var(--lh-100) !important;

  color: var(--bg-black) !important;
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;


}

#section-5-ficha-noticia h4 {


  font-family: var(--font-1) !important;
  font-weight: var(--regular) !important;
  font-size: var(--font-s-20) !important;
  line-height: var(--lh-100) !important;

  color: var(--bg-black) !important;
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;

}

#section-5-ficha-noticia h5 {


  font-family: var(--font-1) !important;
  font-weight: var(--regular) !important;
  font-size: var(--font-s-16) !important;
  line-height: var(--lh-100) !important;

  color: var(--bg-black) !important;
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;

}

#section-5-ficha-noticia img {

  max-width: stretch !important;
}

/* ------------------------ END SECTION 1 (NOTICIAS) ------------------------ */

/* ------------------------ START SECTION 3 (NEGOCIO) ------------------------ */
#section-2-negocio .video-negocio {
  height: 570px;
  width: 100%;
  background-image: url(../img/bg/video-negocio.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ------------------------ END SECTION 3 (NEGOCIO) ------------------------ */
/* ------------------------ START SECTION 1 (CIUDAD) ------------------------ */
.portada-ciudad {
  width: 100%;
  height: 120px;
  background-image:
    linear-gradient(to right, rgba(20, 20, 20, 0.9) 29%, rgba(20, 20, 20, 0) 100%),
    url(../img/bg/ciudad.png);
  background-size: cover;
  background-position: center;
  border-radius: 0px 0px 10px 10px;
}

/* ------------------------ END SECTION 1 (CIUDAD) ------------------------ */
/* ------------------------ START SECTION 2 (CIUDAD) ------------------------ */
#section-2-ciudad .dropdown-toggle,
.dropdown-menu {
  border-radius: 15px;
}

#section-2-ciudad .dropdown-toggle {
  border: 1px solid black;
}

#section-2-ciudad hr {
  color: var(--color-7);
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-top: 11px;
}

.carrusel-flecha-hotels_ciudad-derecha,
.carrusel-flecha-restaurants_ciudad-derecha {
  top: 300px;
  right: -40px;
}

.carrusel-flecha-hotels_ciudad-izquierda,
.carrusel-flecha-restaurants_ciudad-izquierda {
  top: 300px;
  left: -40px;
}

/* ------------------------ END SECTION 2 (CIUDAD) ------------------------ */
/* ------------------------ START SECTION 3 (CIUDAD) ------------------------ */
.contenedor_img_historia_ciudad {
  height: 280px;
}

.contenedor_img_historia_ciudad img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.imagen_historia_ciudad {
  min-height: 280px;
  object-fit: cover;
  width: 100%;
}

/* ------------------------ END SECTION 3 (CIUDAD) ------------------------ */

/* ------------------------ START SECTION 8 (CIUDAD) ------------------------ */
.fonto-seccion-8-ciudad {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(0deg, rgba(20, 20, 20, 0.7), rgba(20, 20, 20, 0.7)), url(../img/bg/ciudad.png);
  background-size: cover !important;
  background-position: center !important;

}

#section-8-ciudad .descripcion_ciudad {
  padding: 100px 0;
}

.ciudad-enlace-item svg {

  flex-shrink: 0 !important;
  width: 70px;
  height: auto;

}

.ciudad-datos-list {
  flex-wrap: balance;
}

/* El rect no suele hacer falta forzarlo si el SVG ya tiene su tamaño fijo y su viewBox correcto */

/* ------------------------ END SECTION 8 (CIUDAD) ------------------------ */

/* ------------------------ START SECTION 6 (NEWS) ------------------------ */
/* =========================================
   MODULO: ULTIMAS NOTICIAS LATERAL
========================================= */
.MODULO_ULTIMAS_NOTICIAS_LATERAL .NOTICIA:hover {
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.7);
}

.MODULO_ULTIMAS_NOTICIAS_LATERAL .first-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.MODULO_ULTIMAS_NOTICIAS_LATERAL .first-wrap article.NOTICIA {
  background-color: var(--color-white, #ffffff);
  border-radius: 10px;
  padding: 12px;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease;
}

.MODULO_ULTIMAS_NOTICIAS_LATERAL .first-wrap article.NOTICIA .wrap-both {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.MODULO_ULTIMAS_NOTICIAS_LATERAL .first-wrap article.NOTICIA .wrap-both .wrap-media {
  width: 100px;
  height: 100px;
  min-width: 100px;
  min-height: 100px;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}

.MODULO_ULTIMAS_NOTICIAS_LATERAL .first-wrap article.NOTICIA .wrap-both .wrap-media img {
  aspect-ratio: 1/1;

}

.MODULO_ULTIMAS_NOTICIAS_LATERAL .first-wrap article.NOTICIA .wrap-both .wrap-text {
  display: flex;
  align-items: center;
  padding-top: 0;
}

.MODULO_ULTIMAS_NOTICIAS_LATERAL .first-wrap article.NOTICIA .wrap-both .wrap-text header h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  font-family: var(--font-1);
}

.MODULO_ULTIMAS_NOTICIAS_LATERAL .first-wrap article.NOTICIA .wrap-both .wrap-text header h2 a {
  color: var(--color-black, #000);
  text-decoration: none;
}


/* ------------------------ END SECTION 6 (NEWS) ------------------------ */

/* ------------------------ START SECTION 7 (NEWS) ------------------------ */

/* =========================================
   MODULO: EVENTOS LATERAL
========================================= */
.MODULO_EVENTOS_LATERAL .first-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Tarjeta y animación */
.MODULO_EVENTOS_LATERAL .first-wrap article.EVENTO {
  background-color: var(--color-white, #ffffff);
  border-radius: 10px;
  padding: 12px;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease;
}

.MODULO_EVENTOS_LATERAL .first-wrap article.EVENTO:hover {
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.7);
}

.MODULO_EVENTOS_LATERAL .first-wrap article.EVENTO .wrap-both {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.MODULO_EVENTOS_LATERAL .first-wrap article.EVENTO .wrap-both .wrap-fecha {
  display: flex;
  max-width: 50px;
  padding: 8px 0;
  width: 100%;
  justify-content: center;
  background: #F2C028;
  border-radius: 5px;
  align-items: stretch;
  flex-direction: column;
}

/* Textos */
.MODULO_EVENTOS_LATERAL .first-wrap article.EVENTO .wrap-both .wrap-text {
  padding: 0;
}

.MODULO_EVENTOS_LATERAL .first-wrap article.EVENTO .wrap-both .wrap-text header h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  font-family: var(--font-1);
  color: var(--color-black, #000);
}

/* ------------------------ END SECTION 7 (NEWS) ------------------------ */


/* ------------------------  SECTION 5 (CIUDAD) ------------------------ */
/* ------------------------  SECTION 6 (CIUDAD) ------------------------ */

#section-6-ficha-evento .MODULO_LISTADO article.NOTICIA .wrap-media a,
#section-5-ciudad .MODULO_LISTADO article.NOTICIA .wrap-media a {
  height: auto;
}

#section-6-ficha-evento .MODULO_LISTADO article.NOTICIA .wrap-text header h2,
#section-5-ciudad .MODULO_LISTADO article.NOTICIA .wrap-text header h2 {
  font-size: var(--font-s-24);
}

#section-6-ficha-evento .MODULO_LISTADO article.NOTICIA .wrap-text header h2 a,
#section-5-ciudad .MODULO_LISTADO article.NOTICIA .wrap-text header h2 a {

  color: var(--color-8);
}

/* Quitar la sombra a la tarjeta */
#section-6-ficha-evento .MODULO_LISTADO article,
#section-6-ficha-evento .MODULO_LISTADO .sombra,
#section-6-ficha-evento .card-carrusel,
#section-5-ciudad .MODULO_LISTADO article,
#section-5-ciudad .MODULO_LISTADO .sombra,
#section-5-ciudad .card-carrusel {
  box-shadow: none !important;
  background-color: transparent !important;
}

/* Forzar las imágenes a vertical (2/3) */

#section-6-ficha-evento .MODULO_LISTADO img,
#section-5-ciudad .MODULO_LISTADO img {
  aspect-ratio: 2 / 3 !important;
  object-fit: cover !important;
  height: auto !important;
}

#section-6-ficha-evento .carrusel-hotels p,
#section-5-ciudad .card-carrusel p {
  color: var(--color-black);
}

#section-6-ficha-evento .carrusel-hotels .slick-slide,
#section-5-ciudad .carrusel-hotels .slick-slide {
  padding-top: 20px;
}

/* ------------------------ END SECTION 5 (CIUDAD) ------------------------ */

/* ------------------------ END SECTION 6 (CIUDAD) ------------------------ */

/* ------------------------  SECTION 6 (CIUDAD) ------------------------ */

/* =========================================
   MÓDULO 3_1_2 (Asimétrico: 50% - 25% - 25%)
========================================= */

/* Contenedor principal: Alinea la caja izquierda y la derecha */
.MODULO_3_1_2 {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  width: 100%;
}

/* 1. CAJA GRANDE IZQUIERDA (50%) */
.MODULO_3_1_2 .first-wrap {
  width: calc(50% - 1rem);
  /* 50% del total menos la mitad de la separación */
}

/* Título un poco más grande para la noticia destacada */
.MODULO_3_1_2 .first-wrap article .wrap-both .wrap-text h2 {
  font-size: var(--font-s-24);
}

/* 2. CAJA DERECHA CONTENEDORA DE LAS 2 PEQUEÑAS (50%) */
.MODULO_3_1_2 .sec-wrap {
  width: calc(50% - 1rem);
  gap: 2rem;
  flex: 1 !important;
}

/* Los 2 artículos dentro de la caja derecha (25% cada uno) */
.MODULO_3_1_2 .sec-wrap article {
  width: calc(50% - 1rem);
  margin: 0 !important;
}

/* Títulos ligeramente más pequeños para que encajen mejor en el 25% */
.MODULO_3_1_2 .sec-wrap article .wrap-both .wrap-text h2 {
  font-size: var(--font-s-24);
}

/* Comportamiento de los textos (3 líneas de entradilla) */
.MODULO_3_1_2 .entradilla {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}



/* ------------------------ END SECTION 6 (CIUDAD) ------------------------ */


/* ------------------------  SECTION 1 (FICHA-EVENTO) ------------------------ */

#section-1-ficha-evento img {
  aspect-ratio: 9 / 16;
  object-fit: cover;
}

/* ------------------------ END SECTION 1 (FICHA-EVENTO) ------------------------ */

/* ------------------------  SECTION 5 (FICHA-EVENTO) ------------------------ */

#section-5-ficha-evento .fecha_ubicacion {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

/* ------------------------ END SECTION 5 (FICHA-EVENTO) ------------------------ */

.portada-settling {
  width: 100%;
  height: 223px;
  background:
    linear-gradient(to right,
      rgba(17, 20, 20, 0.849) 36%,
      rgba(32, 37, 36, 0.781) 60%,
      rgba(42, 204, 165, 0) 100%),
    url(../img/bg/ciudad.png);
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.imagen_salud {
  min-height: 280px;
  object-fit: cover;
  width: 100%;
}

.carrusel-flecha-educacion-derecha,
.carrusel-flecha-legal_suport-derecha,
.carrusel-flecha-work-derecha {
  top: 300px;
  right: -40px;
}

.carrusel-flecha-educacion-izquierda,
.carrusel-flecha-legal_suport-izquierda,
.carrusel-flecha-work-izquierda {
  top: 300px;
  left: -40px;
}

/* .carrusel-hotels .slick-prev,
.carrusel-hotels .slick-next { }
*/
.carrusel-hotels .slick-prev:before,
.carrusel-hotels .slick-next:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--color-black);
}

.carrusel-hotels .slick-prev:before {
  content: "\f104";
}

.carrusel-hotels .slick-next:before {
  content: "\f105";
}

.carousel-service .slick-prev:before,
.carousel-service .slick-next:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--color-black);
}

.carousel-service .slick-prev:before {
  content: "\f104";
}

.carousel-service .slick-next:before {
  content: "\f105";
}

/* ------------------------ START FOOTER ------------------------ */
.footer hr {
  color: var(--color-white);
}

.modal-dialog {
  max-width: 1172px;
  margin-right: auto;
  margin-left: auto;
}

#Modal-Bioquarzo .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 60%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

/* ------------------------ END FOOTER ------------------------ */
/* ------------------------ LISTADO START ------------------------ */
.contenedor-best-of {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  transition:
    transform 0.3s,
    box-shadow 0.3s;
  -o-transition:
    transform 0.3s,
    box-shadow 0.3s;
  -moz-transition:
    transform 0.3s,
    box-shadow 0.3s;
  -webkit-transition:
    transform 0.3s,
    box-shadow 0.3s;
}

.contenedor-best-of:hover {
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
}

.contenedor-best-of .img-container img {
  max-width: 100%;
  width: 100%;
  min-width: 516px;
  max-height: 300px;
  object-fit: cover;
  object-position: center;
}

.slick-track {
  display: flex !important;
}



.slick-slide a[data-fancybox] img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background-color: #2b2b2b;
}

.btn-paginacion {
  color: var(--color-black);
  padding: 4px;
  font-family: var(--font-2);
  font-size: var(--font-s-18);
  font-weight: var(--semibold);
  line-height: var(--lh-140);
}

.btn-outline-paginacion {
  line-height: var(--lh-140);
  border: 0;
  background-color: transparent;
  padding: 4px;
  border-bottom: 3px solid black;
  border-radius: 0;
}

.btn-outline-paginacion.active {
  line-height: var(--lh-140);
  border: 0;
  border-bottom: 3px solid #7F6E3E;
  color: #7F6E3E;
}


/* ------------------------ LISTADO END ------------------------ */
/* ------------------------ FICHA START ------------------------ */
.horario-ficha {
  max-width: 500px;
}

.horario-ficha .horario-row {
  flex-wrap: nowrap;
}

.horario-ficha .horario-col {
  color: var(--color-black) !important;

  font-family: var(--font-1);
  font-weight: var(--semibold);
  font-size: var(--font-s-20);
  line-height: var(--lh-auto);

}

/* ------------------------ FICHA END ------------------------ */
/* ------------------------ MENU START ------------------------ */
.menu-level-2 {
  border-left: 2px solid white;
  padding-left: 15px;
  margin-left: 0px;
  text-wrap: wrap;
}

.menu-level-3 {
  border-left: 2px solid white;
  padding-left: 20px;
  margin-left: 20px;
  text-wrap: wrap;
  word-wrap: break-word;
}

/* ------------------------ MENU END ------------------------ */
/*----------------------------- Media Query -----------------------------*/
@media (min-width: 992px) {
  .carousel-settling .a-tab {
    width: auto !important;
    /* Permite que el ancho sea automático en pantallas grandes */
  }

  .carousel-service .a-tab {
    width: auto !important;
    /* Permite que el ancho sea automático en pantallas grandes */
  }

  .carousel-settling .slick-track {
    width: 100% !important;
    max-width: 1300px;
  }
}

@media (max-width: 991px) {
  /* #navbarNavAltMarkup .dropdown-menu-nieto .dropdown-item:not(:first-child) { display: none; }
*/
  #navbarNavAltMarkup>.navbar-nav>.dropdown:nth-child(2)>.dropdown-menu .dropdown:nth-child(1) .dropdown-menu-nieto .dropdown-item:nth-of-type(7) {
    display: block;
  }
}

/*Antes era 992*/
@media (max-width: 991px) {
  .search-container input {
    padding: 5px;
  }

  .search-container button i {
    width: 12px;
  }

  #logo img {
    content: url("/master_2/assets/img/logo/logo_what-son_pequeno.svg");
    height: 30px;
  }

  #logo-nav-bar img {
    content: url("/master_2/assets/img/logo/logo_what-son_blanco_pequeno.svg");
    height: 30px;
  }

  .side-nav-cabezero-movil,
  .navbar-collapse {
    background-color: var(--bg-black);
  }



  .btn_dropdown-1,
  .btn_dropdown-2,
  .btn_dropdown-3,
  .btn_dropdown-4,
  .btn_dropdown-5,
  .btn_dropdown-6 {
    color: var(--color-white);
    font-size: var(--font-s-16);
  }

  .btn_dropdown-1:hover .punto-negro-1 {
    display: none;
  }

  .btn_dropdown-2:hover .punto-negro-2 {
    display: none;
  }

  .btn_dropdown-3:hover .punto-negro-3 {
    display: none;
  }

  .btn_dropdown-4:hover .punto-negro-4 {
    display: none;
  }

  .btn_dropdown-5:hover .punto-negro-5 {
    display: none;
  }

  .btn_dropdown-6:hover .punto-negro-6 {
    display: none;
  }

  .collection .content {
    height: 450px;
    width: 690px;
    overflow: hidden;
    /* padding: .2rem; */
    border-radius: 20px;
  }

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 30px;
    top: 525px;
    left: 0;
    width: 100%;
  }

  .carousel-publi {
    max-height: 112px;
  }

  .carousel-public-item img {
    height: 112px;
    width: 100%;
  }

  .carousel-publi.publi-vertical {
    max-height: 600px;
  }

  .carousel-publi.publi-vertical .carousel-public-item img {
    height: 600px;
  }

  .novedades input {
    padding: 6px 0px;
    border: 0.5px solid black;
    width: 100%;
  }

  .contenedor-redes {
    height: 45px;
    width: 45px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .dropdown-menu-hijo {
    width: 100%;
    /* transform: initial !important; */
  }

  .contenedor_evento_musical {
    width: 100%;
    height: 150px;
    -webkit-box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
    transition:
      width 0.3s ease,
      height 0.3s ease,
      box-shadow 0.3s ease,
      border 0.3s ease;
  }

}

.cursor-default {
  cursor: default;
}

@media (max-width: 767px) {
  :root {
    /* SIZE */
    --font-s-48: 26px;
    --font-s-32: 18px;
    --font-s-16: 16px;
  }

  .collection .content {
    height: 300px;
    width: 321px;
    overflow: hidden;
    /* padding: .2rem; */
    border-radius: 20px;
  }

  .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 30px;
    top: 525px;
    left: 0;
    width: 100%;
  }

  .publi {
    background-image: url(../img/bg/publi.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    width: 100%;
  }

  .texto_acortado {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .novedades input {
    padding: 6px 0px;
    border: 0.5px solid black;
    width: 100%;
  }

  .contenedor-redes {
    height: 38px;
    width: 38px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .boton-events {
    background-color: var(--bg-transparent);
    color: var(--color-white);
    border: 1px solid var(--color-white);
    border-radius: 10px;
    transition: ease 0.3s;
    max-width: 93px;
    width: 100%;
  }

  .boton_seleccionado_2 {
    background-color: var(--bg-transparent);
    border: 1px solid var(--color-1);
    width: fit-content;
    border-radius: 10px;
    color: var(--color-1);
    max-width: 93px;
    width: 100%;
  }


  .portada-music {
    height: 125px;
  }

  .contenedor_evento_musical {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
  }

  .contenedor_evento_musical:hover {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 40px -10px rgba(0, 0, 0, 0.75);
  }

  .img_evento_musical {
    width: 100%;
  }

  .contenedor_evento_musical:hover .img_evento_musical {
    width: 150px;
  }

  .fecha_evento_musical {
    height: unset;
    width: 100%;
  }

  .contenedor_evento_musical:hover .img_evento_musical {
    width: 100%;
    border-top: none;
    border-bottom: none;
  }

  .titulo_evento_music {
    width: 100%;
  }

  .contenedor-best-of .img-container img {
    max-width: 100%;
    width: 100%;
    min-width: unset;
    max-height: 300px;
    object-fit: cover;
    object-position: center;
  }
}

.carousel-service .slick-next:before {
  color: black !important;
}

.carousel-service .slick-prev:before {
  color: black !important;
}

.carousel-service .slick-next {
  right: -10px !important;
  transform: translate(0, 50%);
}

.carousel-service .slick-prev {
  left: -10px !important;
  transform: translate(0, 50%);
}

.ui-datepicker .highlight-event a {
  background-color: var(--bg-4) !important;
  /* Amarillo */
  color: #000 !important;
  border-radius: 20px;
  font-weight: bold;
}

.contenedor_evento_musical:hover .color-1 {
  color: black !important;
}

.fecha_evento_musical.inicio {
  position: relative;
}

.contenedor_evento_musical .d-flex.h-100 {
  background-color: black;
}

.contenedor_evento_musical:hover .d-flex.h-100 {
  background-color: var(--color-1);
}

.fecha_evento_musical.inicio::after {
  content: "";
  height: 50%;
  width: 1px;
  background-color: var(--color-1);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: background-color 1s ease;
}

.contenedor_evento_musical:hover .fecha_evento_musical.inicio::after {
  background-color: black;
  height: 50%;
}

.carrusel-flecha-izquierda,
.carrusel-flecha-derecha {
  top: 200px !important
}

@media (max-width: 992px) {

  .nav-menu-parents {
    display: flex;
    gap: 0.5rem;

    padding-left: 1rem;
    padding-right: 1rem;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scroll-behavior-x: auto;
    scroll-behavior-y: auto;
    margin-bottom: 0;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    overflow: visible;
    overflow-x: scroll;
  }

  .nav-menu-parents .btn_dropdown-1 {
    color: white !important;
    white-space: nowrap;
    font-weight: bold;
    font-family: var(--font-1);
    text-transform: uppercase;
  }


  .nav-menu-parents .dropdown {
    position: initial;
    overflow: visible;
  }

  .dropdown-menu-hijo,
  .dropdown-menu-hijo-2 {
    position: static !important;
    width: 100% !important;
    background-color: #000 !important;
    max-height: 80vh;
    /* Límite de altura para que no desaparezca de pantalla */
    overflow-y: auto;
    /* Permite scroll si hay muchos hijos */
  }

  .navbar-nav .dropdown-menu {
    width: 100%;
  }


  /* 2. Cuando se hace click (Bootstrap añade .show), se muestra */
  .nav-item.dropdown .dropdown-menu.show {
    border: none;
    max-height: calc(100vh - 300px);
    overflow-y: scroll;
  }


  .contenedor_evento_musical .d-flex.h-100 {
    height: auto !important;
  }
}

/*
master_2
*/

.fecha-wrapper,
.ubicacion-evento {
  font-family: var(--font-2);
  font-weight: var(--regular);
  font-size: var(--font-s-18);
  color: var(--color-black);
  line-height: var(--lh-140);
}

.carrusel-hotels .card-carrusel img,
.MODULO article img {
  aspect-ratio: 16/9;
}

.MODULO .sec-wrap article.NOTICIA .wrap-both .wrap-media a,
.MODULO .first-wrap article.NOTICIA .wrap-both .wrap-media a {
  display: block;
  width: 100%;
  height: 100%;
}

.carrusel-hotels .card-carrusel img,
.MODULO article img,
.MODULO article .wrap-both .wrap-text header {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: 0.5s all ease;
  transition: all 0.5s ease;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}

.cuerpo-noticia img {
  max-width: 100%;
  object-fit: contain;
  max-height: fit-content;
}

.MODULO .sec-wrap article .wrap-both {
  flex-direction: column;
}

.MODULO .sec-wrap article .wrap-both .wrap-media img {
  object-fit: cover;
}

.MODULO .sec-wrap article .wrap-both .wrap-media {
  flex: auto;
}

.MODULO .sec-wrap article .wrap-both .wrap-media,
.MODULO .third-wrap article .wrap-both .wrap-media {
  flex: 0 0 calc(33% - 1em);
  margin-bottom: 1em;
}

.MODULO_ASIM_1_4 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.MODULO_ASIM_1_4 .first-wrap {
  flex: 1 0 70%;
  padding-right: 2em;
}

.TRIPLE_SUPERIOR {
  padding: 1.5rem 0;
}

.container {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  padding: 0;
}

.section {
  padding: 0
}

.container .row {
  margin-left: 0;
  margin-right: 0;
}

.container .row {
  width: 100%;
}

.row {
  margin-bottom: 0;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.row .col.s12 {
  width: 100%;
}

.MODULO article:hover img,
.MODULO .wrap-both .wrap-text header h2 a:hover {
  opacity: 0.8;
}

.MODULO article .wrap-both .wrap-media {
  position: relative;
}

.MODULO .sec-wrap article .wrap-both .wrap-text {
  margin-bottom: 0;
}

.nombre-autor-imagen {
  display: flex;
  width: 100%;
  justify-content: end;
  color: var #1d1d1b (--black);
  padding-top: 5px;
  font-size: 10px;
  font-family: var(--font-1);
  text-transform: uppercase;
}

.wrap-text {
  padding: 12px 0 0;
}

.MODULO .first-wrap {
  flex: 1;
  margin-bottom: 1em;
  padding-bottom: 0;
}

.MODULO .wrap-both .wrap-text header h2 {
  margin-top: 0;
}

.MODULO .sec-wrap,
.MODULO .third-wrap {
  display: flex;
  flex: 1 0 100%;
  flex-direction: column;
  margin-right: 0;
}

.MODULO .sec-wrap article .wrap-both .wrap-media,
.MODULO .third-wrap article .wrap-both .wrap-media {
  margin-bottom: 0;
}

.MODULO .sec-wrap article {
  flex: 1;
  margin-bottom: 1em;
  margin-right: 2em;
  padding-bottom: 0;
}


.MODULO_ASIM_1_4 .first-wrap {
  flex: 1 0 70%;
  padding-right: 2em;
}

.MODULO_ASIM_1_4 article .wrap-both .wrap-text header {
  margin-top: 0;
}

.MODULO_ASIM_1_4 .first-wrap article .wrap-both .wrap-text h2 {
  font-size: var(--font-s-36);
  line-height: var(--lh-100);
}

.MODULO .wrap-both .wrap-text header h2 {
  word-break: break-word;
  font-size: var(--font-s-24);
}

.MODULO .wrap-both .wrap-text header h2 a {
  color: var(--color-8);
  display: block;
  font-weight: 600;

}

.MODULO .wrap-text h2 a {
  font-family: var(--font-1);
}

.MODULO .wrap-both .wrap-text .wrap-otros {
  display: flex;
  margin-top: 12px;
  margin-bottom: 6px;
}

.wrap-otros .pie-noticia {
  align-items: center;
  justify-content: start;
  gap: 0;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.categoria-tag {
  padding-bottom: 12px;
}

.contenedor-redactor a:first-of-type,
.categoria-tag a:first-of-type {
  color: var(--color-5);
  font-size: var(--font-s-16);
  font-family: var(--font-1);
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}

.MODULO .wrap-both .wrap-text .entradilla {
  font-family: var(--font-2);
  font-weight: var(--regular);
  font-size: var(--font-s-18);
  line-height: var(--lh-140);
  opacity: 1;
  color: rgba(0, 0, 0, 0.6);
  display: block;
}

.MODULO_ASIM_1_4 .sec-wrap article .wrap-both .wrap-text {
  padding-top: 0;
}



.MODULO_ASIM_1_4 .sec-wrap article {
  margin-right: 0;
}

.MODULO_ASIM_1_4 .sec-wrap article .wrap-both .categoria-tag {
  padding-bottom: 5px;
}

.MODULO_ASIM_1_4 .sec-wrap article .wrap-both .wrap-media {
  flex: 0 0 calc(50% - 1em);
  margin-left: 1em;
}

.MODULO_ASIM_1_4 .sec-wrap article .wrap-both .wrap-media img {
  height: 110px;
}

.MODULO_ASIM_1_4 .sec-wrap article .wrap-both .wrap-media {
  margin-top: 40px;
}

.MODULO_ASIM_1_4 .sec-wrap article .wrap-both .wrap-text h2 {
  font-size: var(--font-s-20);
}

.MODULO .wrap-both .wrap-text header h2 a {
  font-weight: var(--semibold);
  padding-bottom: 12px;
}

.MODULO_ASIM_1_4 .sec-wrap .wrap-both {
  display: flex;
  align-items: flex-start;
}

.MODULO_ASIM_1_4 .sec-wrap .wrap-both .wrap-text .entradilla {
  display: none;
}

.MODULO_VERT_4 .first-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}

.MODULO_VERT_4 .first-wrap article {
  flex: 1 1 calc(25% - 24px);
  min-width: 200px;
}


.MODULO_VERT_4 .sec-wrap article .wrap-both .wrap-text h2 {
  font-size: var(--font-s-24);
}

.MODULO_VERT_4 .first-wrap .wrap-both .wrap-text .entradilla {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* nº de líneas antes de cortar */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.MODULO_VERT_4 .first-wrap article .wrap-both .wrap-text h2 {
  font-size: var(--font-s-24);
}

#seccion-3 .section {
  border: 1px solid black;
  border-radius: 5px;
  padding: 40px;
}

#seccion-3 h2 {
  font-family: var(--font-2);
}

#seccion-3 .nav-tabs-categorias {
  display: flex;
  padding-bottom: 2rem;
}


#seccion-3 .nav-pills .nav-link {
  justify-content: center;
  align-items: center;
  padding: 10px 30px;
  border-radius: 10px 10px 0px 0px;
}

#seccion-3 .nav-pills {
  flex-flow: nowrap;
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE y Edge antiguo */
  scrollbar-width: none;
  /* Firefox */
  -webkit-scrollbar: none;
  /* Chrome, Safari y Edge */
}

#seccion-3 .nav-pills .nav-link:hover,
#seccion-3 .nav-pills .nav-link.active {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  border-radius: 10px 10px 0px 0px;
}

#seccion-3 .nav-link {
  color: var(--color-black);
  font-family: var(--font-2);
  font-weight: var(--bold);
  font-size: var(--font-s-20);
}


.MODULO_1_4 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.MODULO_1_4 .first-wrap {
  flex: 1;
  padding-right: 0;
  margin-bottom: 2rem;
}

/* .MODULO_1_4 .sec-wrap article .wrap-both .wrap-media img {
  aspect-ratio: 2/3;
} */

.MODULO_1_4 .first-wrap article .wrap-both,
.MODULO_1_HORIZONTAL .first-wrap article .wrap-both {
  flex-direction: row;
  display: flex;
}

.MODULO_1_4 .first-wrap article .wrap-both .wrap-media,
.MODULO_1_HORIZONTAL .first-wrap article .wrap-both .wrap-media {
  flex: 1 0 70%;
  padding-right: 2rem;
}

.MODULO_1_4 .first-wrap article .wrap-both .wrap-text,
.MODULO_1_HORIZONTAL .first-wrap article .wrap-both .wrap-text {
  flex: 1 0 30%;
}

.MODULO_1_HORIZONTAL .first-wrap article .wrap-both .wrap-text {
  padding: 40px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

.MODULO_1_4 .sec-wrap article {
  margin-right: 0;
}

.MODULO_1_4 .wrap-both .wrap-text header h2 a {
  color: var(--color-black);
}

.MODULO_1_4 .wrap-both .wrap-text header h2 {
  font-size: var(--font-s-36);
}

.MODULO_1_4 .sec-wrap {
  gap: 2rem;
}

.MODULO_1_4 .sec-wrap article .wrap-both .wrap-text h2 a {
  font-size: 24px;
  font-family: var(--font-1);
  font-weight: var(--semibold);
  color: var(--color-8);
}

.MODULO_1_HORIZONTAL .first-wrap article .wrap-both .wrap-media img {
  height: 100%;
}

.MODULO_1_HORIZONTAL .first-wrap article .wrap-both .wrap-text h2 {
  font-size: var(--font-s-30);
  line-height: var(--lh-110);
}

.MODULO_1_HORIZONTAL .first-wrap article .wrap-both .wrap-text h2 a {

  color: var(--color-black);
}

/* =================================================================
   1. COLORES DE LOS BOTONES (Píldoras) AL ESTAR ACTIVOS
================================================================= */

/* Eventos  */
#seccion-3 #btn-eventos:hover,
#seccion-3 #btn-eventos.active {
  background-color: #7F6E3E !important;
  color: #ffffff;
}

/* Música  */
#seccion-3 #btn-musica:hover,
#seccion-3 #btn-musica.active {
  background-color: #08A175 !important;
  color: #ffffff;
}

/* Arte  */
#seccion-3 #btn-arte:hover,
#seccion-3 #btn-arte.active {
  background-color: #D953E4 !important;
  color: #ffffff;
}

/* Experiencia  */
#seccion-3 #btn-experiencia:hover,
#seccion-3 #btn-experiencia.active {
  background-color: #D9750D !important;
  color: #ffffff;
}

/* =================================================================
   2. COLORES DE LOS H2 Y ETIQUETAS DENTRO DE CADA PESTAÑA
================================================================= */

/* --- EVENTOS --- */


#tab-eventos h2 a:hover {
  color: #5c5031;
}

/* Un poco más oscuro al pasar el ratón */
#tab-eventos .badge {
  background-color: #7F6E3E !important;
  color: white;
}

#tab-eventos .categoria-tag a {
  color: #7F6E3E;
}

/* --- MÚSICA --- */

#tab-musica h2 a:hover {
  color: #118a6a;
}

#tab-musica .badge {
  background-color: #1ac59a !important;
  color: white;
}

#tab-musica .categoria-tag a {
  color: #1ac59a;
}

/* --- ARTE --- */


#tab-arte h2 a:hover {
  color: #7b1fa2;
}

#tab-arte .badge {
  background-color: #9c27b0 !important;
  color: white;
}

#tab-arte .categoria-tag a {
  color: #9c27b0;
}

/* --- EXPERIENCIA --- */

#tab-experiencia h2 a:hover {
  color: #f57c00;
}

#tab-experiencia .badge {
  background-color: #ff9800 !important;
  color: white;
}

#tab-experiencia .categoria-tag a {
  color: #ff9800;
}


.card-carrusel:hover {
  transform: translateY(-10px);
}

.card-carrusel article.NOTICIA {
  transition: box-shadow 0.3s ease;
}

.MODULO_NEWSLETTER {
  display: flex;
  flex-direction: column;
  padding: 60px 0px;
  gap: 20px;
}

#newsletter-NEWS {
  display: flex;
  padding: 40px;
  gap: 10px;
  border-radius: 10px;
  background-color: var(--bg-6);
}

#newsletter-NEWS .novedades {
  gap: 10px;
}

.MODULO_2_3 .first-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}

/* Los 2 primeros: 50% cada uno */
.MODULO_2_3 .first-wrap> :nth-child(-n+2) {
  flex: 0 0 calc(50% - 1rem);
}

/* Los 3 restantes: 33.33% cada uno */
.MODULO_2_3 .first-wrap> :nth-child(n+3) {
  flex: 0 0 calc(33.333% - 1.334rem);
}

.MODULO_2_3 .first-wrap article .wrap-both .wrap-text h2 {
  font-size: var(--font-s-24);
}


#exampleModal .modal-dialog {
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}

.btn-flotante-contacto-whatsapp {
  position: fixed;
  right: 0;
  bottom: 85px;
  z-index: 3;
  display: flex;
  align-items: center;
  width: 80px;
  height: 80px;
  background-color: transparent;
  box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.15);
  text-decoration: none;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-flotante-contacto-whatsapp:hover {
  width: 199px;
  box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.2);
}

.btn-flotante-contacto-whatsapp .texto-cw-whats-on {
  font-family: var(--font-1);
  font-size: var(--font-s-16);
  color: var(--color-black);
  font-weight: var(--semibold);
  padding: 12px;
  white-space: nowrap;
  transition: opacity 0.2s ease, background-color 0.2s ease;
  display: flex;
  align-items: center;
  align-self: stretch;
  /* clave: fuerza que ocupe toda la altura del padre */
}

.btn-flotante-contacto-whatsapp:hover .logo-cw-container {
  background-color: #ffffff;
}

.btn-flotante-contacto-whatsapp:hover .texto-cw-whats-on {
  background-color: #25D366;
}

.btn-flotante-contacto-whatsapp .logo-cw-container {
  width: 80px;
  height: 80px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

.TITULO-SECCION h2 {

  font-family: var(--font-1);
  font-weight: var(--semibold);
  font-size: var(--font-s-36);
  line-height: var(--lh-100);
  color: #000000;

}

.slick-list.draggable {
  scrollbar-width: none;

  -ms-overflow-style: none;


}
.navbar-nav .dropdown-menu.show {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
    left: 0 !important;
    transform: initial !important;
}
.dropdown{
  position: initial;
}
.navbar-nav {
  position: relative;
}
@media (max-width: 991px) {
  :root {
    --font-s-50: 40px;
    --font-s-30: 20px;
    --font-s-36: 30px;
    --font-s-24: 20px;
    --font-s-20: 18px;
    --font-s-18: 16px;
    --font-s-16: 15px;
    --lh-100: 110%;
  }

  #cabecero-what-son {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  }

  .language-dropdown-btn {
    background: rgba(255, 255, 255, 0.4);
  }

  .language-dropdown-btn .transition-transform {
    color: var(--color-white);
  }

  .mi-flecha-center-prev,
  .mi-flecha-center-next,
  .mi-flecha-prev,
  .mi-flecha-next svg {
    transform: scale(0.75) !important;
    transform-origin: center;
  }

  .MODULO_ASIM_1_4 {
    display: block;
  }

  .MODULO_ASIM_1_4 .first-wrap {
    padding: 0;
  }

  #seccion-3 .section {

    padding: 20px;
  }

  .MODULO_1_4 .first-wrap article .wrap-both,
  .MODULO_1_HORIZONTAL .first-wrap article .wrap-both {
    flex-direction: column;
  }

  .MODULO_1_4 .first-wrap article .wrap-both .wrap-media,
  .MODULO_1_HORIZONTAL .first-wrap article .wrap-both .wrap-media {
    padding-right: 0;
    padding-bottom: 2rem;
  }

  .MODULO_2_3 .first-wrap> :nth-child(1),
  .MODULO_2_3 .first-wrap> :nth-child(2),
  .MODULO_2_3 .first-wrap> :nth-child(5) {
    flex: 0 0 100%;
  }

  .MODULO_2_3 .first-wrap> :nth-child(3),
  .MODULO_2_3 .first-wrap> :nth-child(4) {
    flex: 0 0 calc(50% - 1rem);


  }

  #seccion-8 .MODULO_VERT_4 .first-wrap article {
    flex: 0 0 calc(50% - 1rem);
    min-width: auto;
  }

  /*
  .center.slick-slider .cuadrado_eventos.slick-current {
    width: auto !important;
  }
  */

  .center.slick-slider .cuadrado_eventos img {
    width: 150px !important;
    /* Siempre estrecha */
    max-width: 100% !important;
  }

  .center.slick-slider .cuadrado_eventos.slick-current img {
    width: 220px !important;
    max-width: 100% !important;
  }


  .MODULO_2_3 .wrap-both .wrap-text .entradilla,
  .MODULO_VERT_4 .wrap-both .wrap-text .entradilla {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .btn-flotante-contacto-whatsapp,
  .btn-flotante-contacto-whatsapp .logo-cw-container {
    width: 60px;
    height: 60px;
    bottom: 45px;
  }

  .btn-flotante-contacto-whatsapp:hover {
    width: 174px;
  }

  #newsletter-NEWS {
    padding: 30px;
  }

  .search-container-music {
    max-width: none;
  }

  .portada-ciudad {
    max-height: 75px;
  }

  .MODULO_3_1_2,
  .MODULO_3_1_2 .sec-wrap {
    flex-direction: column;
    width: 100%;
    margin-bottom: 1rem;
  }

  .MODULO_3_1_2 .first-wrap,
  .MODULO_3_1_2 .sec-wrap,
  .MODULO_3_1_2 .sec-wrap article {
    width: 100%;
  }

  #section-8-ciudad .descripcion_ciudad {
    padding: 32px 5px;

  }

  #section-1-eventos .container,
  #section-1-OCIO .container,
  #section-1-listado .container,
  #section-1-news .container,
  #section-1-autor .container,
  #section-1-ciudad .container {
    width: 100%;

  }

}

@media (max-width: 767px) {
  .MODULO_ASIM_1_4 .sec-wrap article .wrap-both {
    display: flex;
    flex-direction: row-reverse;
  }

  .MODULO_3 .first-wrap,
  .MODULO_VERT_4 .first-wrap {
    flex-direction: column;
  }

  .MODULO_3 .first-wrap rticle img,
  .MODULO_VERT_4 .first-wrap article img {
    height: auto;
  }

  .MODULO_1_4 .sec-wrap article .wrap-both .wrap-media img {
    max-height: 850px;
  }

  #seccion-8 .MODULO_VERT_4 .first-wrap {
    flex-direction: row;
    flex-wrap: wrap;
  }

  #newsletter-NEWS {
    padding: 20px;
  }

  .MODULO_GRID_2X5 .first-wrap {
    flex-direction: column;
  }

  .MODULO_GRID_2X5 .first-wrap article {
    flex: 1 1 100%;
  }

  .MODULO_GRID_2X5 .first-wrap article .wrap-media img {
    height: auto;
    /* O mantén 220px si prefieres fotos uniformes en móvil */
    aspect-ratio: 16/9;
  }

  .MODULO_3_1_2,
  .MODULO_3_1_2 .sec-wrap {
    flex-direction: column;
    width: 100%;
    margin-bottom: 1rem;
  }

  .MODULO_3_1_2 .first-wrap,
  .MODULO_3_1_2 .sec-wrap,
  .MODULO_3_1_2 .sec-wrap article {
    width: 100%;
  }

  .ciudad-enlace-item svg {
    width: 75px !important;
    height: 75px !important;
  }

  .MODULO_VERT_4 .first-wrap {
    flex-wrap: nowrap;
  }

  #section-5-ficha-evento .fecha_ubicacion {
    flex-direction: column;
    gap: 10px;
  }

  .MODULO_3_EVENTOS .first-wrap {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .punto-separador {
    display: none;
  }

}


@media (max-width: 468px) {
  .center.slick-slider .slick-track {
    justify-content: center;
  }



  .center.slick-slider .cuadrado_eventos.slick-current img {
    width: 220px !important;
    max-width: 220px !important;
    /* Esto evita que se encoja */
    position: relative;
    z-index: 50 !important;
    /* Nos aseguramos de que tape a sus vecinas */
  }

  .MODULO_2 .first-wrap article {
    flex: 1 1 100%;
  }


}

@media (min-width: 768px) and (max-width: 991px) {
  .MODULO_ASIM_1_4 .sec-wrap article .wrap-both .wrap-media {

    margin-left: 0;
    margin-bottom: 1em;
  }

  .center.slick-slider .cuadrado_eventos img {
    margin: 0 auto !important;
  }


}

@media (min-width: 992px) {
  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
  }

  /* Menú desktop: se despliega al hacer hover (nivel 1 -> hijo) */
  .dropdown:hover > .dropdown-menu-hijo {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
    left: 0 !important;
    transform: initial !important;
  }

  /* Menú desktop: se despliega al hacer hover (nivel 2 -> nieto) */
  .dropdown:hover > .dropdown-menu-nieto {
    display: block !important;
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  .MODULO_ASIM_1_4 .sec-wrap {
    display: block;
    flex: 1 0 30%;
    flex-direction: column;
  }

  .MODULO_ASIM_1_4 .sec-wrap article .wrap-both {
    display: flex;
    flex-direction: row-reverse;
  }

  .novedades input {
    max-width: 400px;
  }

  #section-6-ficha-evento .MODULO_LISTADO article.NOTICIA .wrap-text,
  #section-5-ciudad .MODULO_LISTADO article.NOTICIA .wrap-text {
    padding: inherit;
    padding-top: 12px;
    width: 100%;
  }

  #section-6-ficha-evento .MODULO_LISTADO article.NOTICIA .wrap-both,
  #section-5-ciudad .MODULO_LISTADO article.NOTICIA .wrap-both {
    flex-direction: column;
  }

  #section-6-ficha-evento .MODULO_LISTADO article.NOTICIA .wrap-media,
  #section-5-ciudad .MODULO_LISTADO article.NOTICIA .wrap-media {
    width: 100%;
  }

}

@media (min-width: 768px) {
  .MODULO .sec-wrap {
    flex-direction: row;
    justify-content: space-between;
  }

  .MODULO_ASIM_1_4 .sec-wrap {
    flex-wrap: wrap;
    gap: 1em;
  }

}