.elementor-13389 .elementor-element.elementor-element-3965b16{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-13389 .elementor-element.elementor-element-5c81558{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13389 .elementor-element.elementor-element-5e45233{--display:flex;--overflow:auto;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13389 .elementor-element.elementor-element-e330519{width:var( --container-widget-width, 102.091% );max-width:102.091%;--container-widget-width:102.091%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;text-transform:capitalize;color:var( --e-global-color-bd64155 );}.elementor-13389 .elementor-element.elementor-element-e330519.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-13389 .elementor-element.elementor-element-04ed176{--display:flex;--overflow:auto;}.elementor-13389 .elementor-element.elementor-element-5222ad9{width:var( --container-widget-width, 102.853% );max-width:102.853%;--container-widget-width:102.853%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;text-transform:capitalize;color:var( --e-global-color-bd64155 );}.elementor-13389 .elementor-element.elementor-element-5222ad9.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-13389 .elementor-element.elementor-element-e829598{--display:flex;--overflow:auto;}.elementor-13389 .elementor-element.elementor-element-381d8e6{width:var( --container-widget-width, 104.455% );max-width:104.455%;--container-widget-width:104.455%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;text-transform:capitalize;color:var( --e-global-color-bd64155 );}.elementor-13389 .elementor-element.elementor-element-381d8e6.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-13389 .elementor-element.elementor-element-95d787c{--display:flex;--overflow:auto;}.elementor-13389 .elementor-element.elementor-element-9a37c7b{width:var( --container-widget-width, 112.967% );max-width:112.967%;--container-widget-width:112.967%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;text-transform:capitalize;color:var( --e-global-color-bd64155 );}.elementor-13389 .elementor-element.elementor-element-9a37c7b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-13389 .elementor-element.elementor-element-72be38f{--display:flex;--overflow:auto;}.elementor-13389 .elementor-element.elementor-element-0d682bc{width:var( --container-widget-width, 103.858% );max-width:103.858%;--container-widget-width:103.858%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;text-transform:capitalize;color:var( --e-global-color-bd64155 );}.elementor-13389 .elementor-element.elementor-element-0d682bc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13389 .elementor-element.elementor-element-3b9629e{--display:flex;--overflow:auto;}.elementor-13389 .elementor-element.elementor-element-554988a{width:var( --container-widget-width, 101.182% );max-width:101.182%;--container-widget-width:101.182%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;text-transform:capitalize;color:var( --e-global-color-bd64155 );}.elementor-13389 .elementor-element.elementor-element-554988a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13389 .elementor-element.elementor-element-125b469{--display:flex;--overflow:auto;}.elementor-13389 .elementor-element.elementor-element-1b4401f{font-family:"Roboto", Sans-serif;font-weight:400;text-transform:capitalize;color:var( --e-global-color-bd64155 );}.elementor-13389 .elementor-element.elementor-element-eba6320{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-color:var( --e-global-color-bd64155 );--n-tabs-title-color-active:#FFFFFF;}.elementor-13389 .elementor-element.elementor-element-eba6320.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-fb9b2f2 );}.elementor-13389 .elementor-element.elementor-element-eba6320.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-13389 .elementor-element.elementor-element-eba6320 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}.elementor-13389 .elementor-element.elementor-element-ab16bd1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-13389 .elementor-element.elementor-element-e0af508{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;columns:2;column-gap:100px;text-align:justify;font-family:"Montserrat", Sans-serif;font-weight:500;color:var( --e-global-color-bd64155 );}.elementor-13389 .elementor-element.elementor-element-e0af508 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-13389 .elementor-element.elementor-element-e0af508.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13389 .elementor-element.elementor-element-e0af508 p{margin-block-end:35px;}.elementor-13389 .elementor-element.elementor-element-6a1fd17{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-13389 .elementor-element.elementor-element-9a46165{text-align:center;font-family:"Montserrat", Sans-serif;font-size:23px;font-weight:400;color:var( --e-global-color-bd64155 );}.elementor-13389 .elementor-element.elementor-element-40c7a96{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}@media(max-width:1024px){.elementor-13389 .elementor-element.elementor-element-e0af508{column-gap:27px;}.elementor-13389 .elementor-element.elementor-element-e0af508 p{margin-block-end:41px;}}@media(max-width:767px){.elementor-13389 .elementor-element.elementor-element-e0af508{columns:1;}.elementor-13389 .elementor-element.elementor-element-e0af508 p{margin-block-end:34px;}}/* Start custom CSS for text-editor, class: .elementor-element-e330519 *//* ============================= */
/* PALETA OFICIAL DEL LOGO */
/* ============================= */
:root {
  --azul: #2E86C1;
  --verde: #5CB85C;
  --amarillo: #F4D03F;
  --naranja: #F39C12;
  --rojo: #E74C3C;
  --gris-claro: #f4f6f9;
  --gris-texto: #555;
}

/* ============================= */
/* CONTENEDOR DE PESTAÑAS */
/* ============================= */
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px;
  background: #ffffff;
}

/* ============================= */
/* ESTILO BASE DE CADA PESTAÑA */
/* ============================= */
.tab {
  position: relative;
  padding: 14px 26px;
  border: none;
  border-radius: 14px;
  background: var(--gris-claro);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  color: var(--gris-texto);
  /* MEJORA 1: transición más completa */
  transition: transform 0.35s ease, box-shadow 0.35s ease,
              background 0.35s ease, color 0.35s ease;
  /* MEJORA 2: rendimiento GPU */
  will-change: transform, box-shadow;
  overflow: hidden;
}

/* Hover general */
.tab:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  color: #ffffff;
}

/* MEJORA 3: foco para teclado */
.tab:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

/* Línea inferior animada */
.tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 4px;
  transform: translateX(-50%);
  transition: width 0.3s ease;
  border-radius: 10px;
}

.tab:hover::after {
  width: 100%;
}

/* MEJORA 4: línea también visible en .active */
.tab.active::after {
  width: 100%;
}

/* ============================= */
/* COLORES POR ID DE DÍA */
/* ============================= */

/* LUNES - Verde */
#Lunes:hover        { background: var(--verde); }
#Lunes::after       { background: var(--verde); }
#Lunes.active       { background: var(--verde); color: #fff; }
#Lunes:focus-visible { outline-color: var(--verde); }

/* MARTES - Azul */
#Martes:hover        { background: var(--azul); }
#Martes::after       { background: var(--azul); }
#Martes.active       { background: var(--azul); color: #fff; }
#Martes:focus-visible { outline-color: var(--azul); }

/* MIÉRCOLES - Amarillo */
#Miercoles:hover        { background: var(--amarillo); color: #333; }
#Miercoles::after       { background: var(--amarillo); }
#Miercoles.active       { background: var(--amarillo); color: #333; }
#Miercoles:focus-visible { outline-color: var(--amarillo); }

/* JUEVES - Naranja */
#Jueves:hover        { background: var(--naranja); }
#Jueves::after       { background: var(--naranja); }
#Jueves.active       { background: var(--naranja); color: #fff; }
#Jueves:focus-visible { outline-color: var(--naranja); }

/* VIERNES - Rojo */
#Viernes:hover        { background: var(--rojo); }
#Viernes::after       { background: var(--rojo); }
#Viernes.active       { background: var(--rojo); color: #fff; }
#Viernes:focus-visible { outline-color: var(--rojo); }

/* SÁBADO - Gradiente institucional */
#Sabado:hover        { background: linear-gradient(45deg, var(--azul), var(--verde)); }
#Sabado::after       { background: var(--verde); }
#Sabado.active       { background: linear-gradient(45deg, var(--azul), var(--verde)); color: #fff; }
#Sabado:focus-visible { outline-color: var(--azul); }

/* DOMINGO - Gradiente cálido */
#Domingo:hover        { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); }
#Domingo::after       { background: var(--rojo); }
#Domingo.active       { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); color: #fff; }
#Domingo:focus-visible { outline-color: var(--rojo); }

/* ============================= */
/* RESPONSIVE */
/* ============================= */
@media (max-width: 768px) {
  .tab {
    padding: 12px 18px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .tabs {
    gap: 8px;
  }
  .tab {
    flex: 1 1 45%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e330519 *//* ============================= */
/* PALETA OFICIAL DEL LOGO */
/* ============================= */
:root {
  --azul: #2E86C1;
  --verde: #5CB85C;
  --amarillo: #F4D03F;
  --naranja: #F39C12;
  --rojo: #E74C3C;
  --gris-claro: #f4f6f9;
  --gris-texto: #555;
}

/* ============================= */
/* CONTENEDOR DE PESTAÑAS */
/* ============================= */
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px;
  background: #ffffff;
}

/* ============================= */
/* ESTILO BASE DE CADA PESTAÑA */
/* ============================= */
.tab {
  position: relative;
  padding: 14px 26px;
  border: none;
  border-radius: 14px;
  background: var(--gris-claro);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  color: var(--gris-texto);
  /* MEJORA 1: transición más completa */
  transition: transform 0.35s ease, box-shadow 0.35s ease,
              background 0.35s ease, color 0.35s ease;
  /* MEJORA 2: rendimiento GPU */
  will-change: transform, box-shadow;
  overflow: hidden;
}

/* Hover general */
.tab:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  color: #ffffff;
}

/* MEJORA 3: foco para teclado */
.tab:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

/* Línea inferior animada */
.tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 4px;
  transform: translateX(-50%);
  transition: width 0.3s ease;
  border-radius: 10px;
}

.tab:hover::after {
  width: 100%;
}

/* MEJORA 4: línea también visible en .active */
.tab.active::after {
  width: 100%;
}

/* ============================= */
/* COLORES POR ID DE DÍA */
/* ============================= */

/* LUNES - Verde */
#Lunes:hover        { background: var(--verde); }
#Lunes::after       { background: var(--verde); }
#Lunes.active       { background: var(--verde); color: #fff; }
#Lunes:focus-visible { outline-color: var(--verde); }

/* MARTES - Azul */
#Martes:hover        { background: var(--azul); }
#Martes::after       { background: var(--azul); }
#Martes.active       { background: var(--azul); color: #fff; }
#Martes:focus-visible { outline-color: var(--azul); }

/* MIÉRCOLES - Amarillo */
#Miercoles:hover        { background: var(--amarillo); color: #333; }
#Miercoles::after       { background: var(--amarillo); }
#Miercoles.active       { background: var(--amarillo); color: #333; }
#Miercoles:focus-visible { outline-color: var(--amarillo); }

/* JUEVES - Naranja */
#Jueves:hover        { background: var(--naranja); }
#Jueves::after       { background: var(--naranja); }
#Jueves.active       { background: var(--naranja); color: #fff; }
#Jueves:focus-visible { outline-color: var(--naranja); }

/* VIERNES - Rojo */
#Viernes:hover        { background: var(--rojo); }
#Viernes::after       { background: var(--rojo); }
#Viernes.active       { background: var(--rojo); color: #fff; }
#Viernes:focus-visible { outline-color: var(--rojo); }

/* SÁBADO - Gradiente institucional */
#Sabado:hover        { background: linear-gradient(45deg, var(--azul), var(--verde)); }
#Sabado::after       { background: var(--verde); }
#Sabado.active       { background: linear-gradient(45deg, var(--azul), var(--verde)); color: #fff; }
#Sabado:focus-visible { outline-color: var(--azul); }

/* DOMINGO - Gradiente cálido */
#Domingo:hover        { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); }
#Domingo::after       { background: var(--rojo); }
#Domingo.active       { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); color: #fff; }
#Domingo:focus-visible { outline-color: var(--rojo); }

/* ============================= */
/* RESPONSIVE */
/* ============================= */
@media (max-width: 768px) {
  .tab {
    padding: 12px 18px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .tabs {
    gap: 8px;
  }
  .tab {
    flex: 1 1 45%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e330519 *//* ============================= */
/* PALETA OFICIAL DEL LOGO */
/* ============================= */
:root {
  --azul: #2E86C1;
  --verde: #5CB85C;
  --amarillo: #F4D03F;
  --naranja: #F39C12;
  --rojo: #E74C3C;
  --gris-claro: #f4f6f9;
  --gris-texto: #555;
}

/* ============================= */
/* CONTENEDOR DE PESTAÑAS */
/* ============================= */
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px;
  background: #ffffff;
}

/* ============================= */
/* ESTILO BASE DE CADA PESTAÑA */
/* ============================= */
.tab {
  position: relative;
  padding: 14px 26px;
  border: none;
  border-radius: 14px;
  background: var(--gris-claro);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  color: var(--gris-texto);
  /* MEJORA 1: transición más completa */
  transition: transform 0.35s ease, box-shadow 0.35s ease,
              background 0.35s ease, color 0.35s ease;
  /* MEJORA 2: rendimiento GPU */
  will-change: transform, box-shadow;
  overflow: hidden;
}

/* Hover general */
.tab:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  color: #ffffff;
}

/* MEJORA 3: foco para teclado */
.tab:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

/* Línea inferior animada */
.tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 4px;
  transform: translateX(-50%);
  transition: width 0.3s ease;
  border-radius: 10px;
}

.tab:hover::after {
  width: 100%;
}

/* MEJORA 4: línea también visible en .active */
.tab.active::after {
  width: 100%;
}

/* ============================= */
/* COLORES POR ID DE DÍA */
/* ============================= */

/* LUNES - Verde */
#Lunes:hover        { background: var(--verde); }
#Lunes::after       { background: var(--verde); }
#Lunes.active       { background: var(--verde); color: #fff; }
#Lunes:focus-visible { outline-color: var(--verde); }

/* MARTES - Azul */
#Martes:hover        { background: var(--azul); }
#Martes::after       { background: var(--azul); }
#Martes.active       { background: var(--azul); color: #fff; }
#Martes:focus-visible { outline-color: var(--azul); }

/* MIÉRCOLES - Amarillo */
#Miercoles:hover        { background: var(--amarillo); color: #333; }
#Miercoles::after       { background: var(--amarillo); }
#Miercoles.active       { background: var(--amarillo); color: #333; }
#Miercoles:focus-visible { outline-color: var(--amarillo); }

/* JUEVES - Naranja */
#Jueves:hover        { background: var(--naranja); }
#Jueves::after       { background: var(--naranja); }
#Jueves.active       { background: var(--naranja); color: #fff; }
#Jueves:focus-visible { outline-color: var(--naranja); }

/* VIERNES - Rojo */
#Viernes:hover        { background: var(--rojo); }
#Viernes::after       { background: var(--rojo); }
#Viernes.active       { background: var(--rojo); color: #fff; }
#Viernes:focus-visible { outline-color: var(--rojo); }

/* SÁBADO - Gradiente institucional */
#Sabado:hover        { background: linear-gradient(45deg, var(--azul), var(--verde)); }
#Sabado::after       { background: var(--verde); }
#Sabado.active       { background: linear-gradient(45deg, var(--azul), var(--verde)); color: #fff; }
#Sabado:focus-visible { outline-color: var(--azul); }

/* DOMINGO - Gradiente cálido */
#Domingo:hover        { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); }
#Domingo::after       { background: var(--rojo); }
#Domingo.active       { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); color: #fff; }
#Domingo:focus-visible { outline-color: var(--rojo); }

/* ============================= */
/* RESPONSIVE */
/* ============================= */
@media (max-width: 768px) {
  .tab {
    padding: 12px 18px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .tabs {
    gap: 8px;
  }
  .tab {
    flex: 1 1 45%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e330519 *//* ============================= */
/* PALETA OFICIAL DEL LOGO */
/* ============================= */
:root {
  --azul: #2E86C1;
  --verde: #5CB85C;
  --amarillo: #F4D03F;
  --naranja: #F39C12;
  --rojo: #E74C3C;
  --gris-claro: #f4f6f9;
  --gris-texto: #555;
}

/* ============================= */
/* CONTENEDOR DE PESTAÑAS */
/* ============================= */
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px;
  background: #ffffff;
}

/* ============================= */
/* ESTILO BASE DE CADA PESTAÑA */
/* ============================= */
.tab {
  position: relative;
  padding: 14px 26px;
  border: none;
  border-radius: 14px;
  background: var(--gris-claro);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  color: var(--gris-texto);
  /* MEJORA 1: transición más completa */
  transition: transform 0.35s ease, box-shadow 0.35s ease,
              background 0.35s ease, color 0.35s ease;
  /* MEJORA 2: rendimiento GPU */
  will-change: transform, box-shadow;
  overflow: hidden;
}

/* Hover general */
.tab:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  color: #ffffff;
}

/* MEJORA 3: foco para teclado */
.tab:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

/* Línea inferior animada */
.tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 4px;
  transform: translateX(-50%);
  transition: width 0.3s ease;
  border-radius: 10px;
}

.tab:hover::after {
  width: 100%;
}

/* MEJORA 4: línea también visible en .active */
.tab.active::after {
  width: 100%;
}

/* ============================= */
/* COLORES POR ID DE DÍA */
/* ============================= */

/* LUNES - Verde */
#Lunes:hover        { background: var(--verde); }
#Lunes::after       { background: var(--verde); }
#Lunes.active       { background: var(--verde); color: #fff; }
#Lunes:focus-visible { outline-color: var(--verde); }

/* MARTES - Azul */
#Martes:hover        { background: var(--azul); }
#Martes::after       { background: var(--azul); }
#Martes.active       { background: var(--azul); color: #fff; }
#Martes:focus-visible { outline-color: var(--azul); }

/* MIÉRCOLES - Amarillo */
#Miercoles:hover        { background: var(--amarillo); color: #333; }
#Miercoles::after       { background: var(--amarillo); }
#Miercoles.active       { background: var(--amarillo); color: #333; }
#Miercoles:focus-visible { outline-color: var(--amarillo); }

/* JUEVES - Naranja */
#Jueves:hover        { background: var(--naranja); }
#Jueves::after       { background: var(--naranja); }
#Jueves.active       { background: var(--naranja); color: #fff; }
#Jueves:focus-visible { outline-color: var(--naranja); }

/* VIERNES - Rojo */
#Viernes:hover        { background: var(--rojo); }
#Viernes::after       { background: var(--rojo); }
#Viernes.active       { background: var(--rojo); color: #fff; }
#Viernes:focus-visible { outline-color: var(--rojo); }

/* SÁBADO - Gradiente institucional */
#Sabado:hover        { background: linear-gradient(45deg, var(--azul), var(--verde)); }
#Sabado::after       { background: var(--verde); }
#Sabado.active       { background: linear-gradient(45deg, var(--azul), var(--verde)); color: #fff; }
#Sabado:focus-visible { outline-color: var(--azul); }

/* DOMINGO - Gradiente cálido */
#Domingo:hover        { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); }
#Domingo::after       { background: var(--rojo); }
#Domingo.active       { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); color: #fff; }
#Domingo:focus-visible { outline-color: var(--rojo); }

/* ============================= */
/* RESPONSIVE */
/* ============================= */
@media (max-width: 768px) {
  .tab {
    padding: 12px 18px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .tabs {
    gap: 8px;
  }
  .tab {
    flex: 1 1 45%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e330519 *//* ============================= */
/* PALETA OFICIAL DEL LOGO */
/* ============================= */
:root {
  --azul: #2E86C1;
  --verde: #5CB85C;
  --amarillo: #F4D03F;
  --naranja: #F39C12;
  --rojo: #E74C3C;
  --gris-claro: #f4f6f9;
  --gris-texto: #555;
}

/* ============================= */
/* CONTENEDOR DE PESTAÑAS */
/* ============================= */
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px;
  background: #ffffff;
}

/* ============================= */
/* ESTILO BASE DE CADA PESTAÑA */
/* ============================= */
.tab {
  position: relative;
  padding: 14px 26px;
  border: none;
  border-radius: 14px;
  background: var(--gris-claro);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  color: var(--gris-texto);
  /* MEJORA 1: transición más completa */
  transition: transform 0.35s ease, box-shadow 0.35s ease,
              background 0.35s ease, color 0.35s ease;
  /* MEJORA 2: rendimiento GPU */
  will-change: transform, box-shadow;
  overflow: hidden;
}

/* Hover general */
.tab:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  color: #ffffff;
}

/* MEJORA 3: foco para teclado */
.tab:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

/* Línea inferior animada */
.tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 4px;
  transform: translateX(-50%);
  transition: width 0.3s ease;
  border-radius: 10px;
}

.tab:hover::after {
  width: 100%;
}

/* MEJORA 4: línea también visible en .active */
.tab.active::after {
  width: 100%;
}

/* ============================= */
/* COLORES POR ID DE DÍA */
/* ============================= */

/* LUNES - Verde */
#Lunes:hover        { background: var(--verde); }
#Lunes::after       { background: var(--verde); }
#Lunes.active       { background: var(--verde); color: #fff; }
#Lunes:focus-visible { outline-color: var(--verde); }

/* MARTES - Azul */
#Martes:hover        { background: var(--azul); }
#Martes::after       { background: var(--azul); }
#Martes.active       { background: var(--azul); color: #fff; }
#Martes:focus-visible { outline-color: var(--azul); }

/* MIÉRCOLES - Amarillo */
#Miercoles:hover        { background: var(--amarillo); color: #333; }
#Miercoles::after       { background: var(--amarillo); }
#Miercoles.active       { background: var(--amarillo); color: #333; }
#Miercoles:focus-visible { outline-color: var(--amarillo); }

/* JUEVES - Naranja */
#Jueves:hover        { background: var(--naranja); }
#Jueves::after       { background: var(--naranja); }
#Jueves.active       { background: var(--naranja); color: #fff; }
#Jueves:focus-visible { outline-color: var(--naranja); }

/* VIERNES - Rojo */
#Viernes:hover        { background: var(--rojo); }
#Viernes::after       { background: var(--rojo); }
#Viernes.active       { background: var(--rojo); color: #fff; }
#Viernes:focus-visible { outline-color: var(--rojo); }

/* SÁBADO - Gradiente institucional */
#Sabado:hover        { background: linear-gradient(45deg, var(--azul), var(--verde)); }
#Sabado::after       { background: var(--verde); }
#Sabado.active       { background: linear-gradient(45deg, var(--azul), var(--verde)); color: #fff; }
#Sabado:focus-visible { outline-color: var(--azul); }

/* DOMINGO - Gradiente cálido */
#Domingo:hover        { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); }
#Domingo::after       { background: var(--rojo); }
#Domingo.active       { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); color: #fff; }
#Domingo:focus-visible { outline-color: var(--rojo); }

/* ============================= */
/* RESPONSIVE */
/* ============================= */
@media (max-width: 768px) {
  .tab {
    padding: 12px 18px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .tabs {
    gap: 8px;
  }
  .tab {
    flex: 1 1 45%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e330519 *//* ============================= */
/* PALETA OFICIAL DEL LOGO */
/* ============================= */
:root {
  --azul: #2E86C1;
  --verde: #5CB85C;
  --amarillo: #F4D03F;
  --naranja: #F39C12;
  --rojo: #E74C3C;
  --gris-claro: #f4f6f9;
  --gris-texto: #555;
}

/* ============================= */
/* CONTENEDOR DE PESTAÑAS */
/* ============================= */
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px;
  background: #ffffff;
}

/* ============================= */
/* ESTILO BASE DE CADA PESTAÑA */
/* ============================= */
.tab {
  position: relative;
  padding: 14px 26px;
  border: none;
  border-radius: 14px;
  background: var(--gris-claro);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  color: var(--gris-texto);
  /* MEJORA 1: transición más completa */
  transition: transform 0.35s ease, box-shadow 0.35s ease,
              background 0.35s ease, color 0.35s ease;
  /* MEJORA 2: rendimiento GPU */
  will-change: transform, box-shadow;
  overflow: hidden;
}

/* Hover general */
.tab:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  color: #ffffff;
}

/* MEJORA 3: foco para teclado */
.tab:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

/* Línea inferior animada */
.tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 4px;
  transform: translateX(-50%);
  transition: width 0.3s ease;
  border-radius: 10px;
}

.tab:hover::after {
  width: 100%;
}

/* MEJORA 4: línea también visible en .active */
.tab.active::after {
  width: 100%;
}

/* ============================= */
/* COLORES POR ID DE DÍA */
/* ============================= */

/* LUNES - Verde */
#Lunes:hover        { background: var(--verde); }
#Lunes::after       { background: var(--verde); }
#Lunes.active       { background: var(--verde); color: #fff; }
#Lunes:focus-visible { outline-color: var(--verde); }

/* MARTES - Azul */
#Martes:hover        { background: var(--azul); }
#Martes::after       { background: var(--azul); }
#Martes.active       { background: var(--azul); color: #fff; }
#Martes:focus-visible { outline-color: var(--azul); }

/* MIÉRCOLES - Amarillo */
#Miercoles:hover        { background: var(--amarillo); color: #333; }
#Miercoles::after       { background: var(--amarillo); }
#Miercoles.active       { background: var(--amarillo); color: #333; }
#Miercoles:focus-visible { outline-color: var(--amarillo); }

/* JUEVES - Naranja */
#Jueves:hover        { background: var(--naranja); }
#Jueves::after       { background: var(--naranja); }
#Jueves.active       { background: var(--naranja); color: #fff; }
#Jueves:focus-visible { outline-color: var(--naranja); }

/* VIERNES - Rojo */
#Viernes:hover        { background: var(--rojo); }
#Viernes::after       { background: var(--rojo); }
#Viernes.active       { background: var(--rojo); color: #fff; }
#Viernes:focus-visible { outline-color: var(--rojo); }

/* SÁBADO - Gradiente institucional */
#Sabado:hover        { background: linear-gradient(45deg, var(--azul), var(--verde)); }
#Sabado::after       { background: var(--verde); }
#Sabado.active       { background: linear-gradient(45deg, var(--azul), var(--verde)); color: #fff; }
#Sabado:focus-visible { outline-color: var(--azul); }

/* DOMINGO - Gradiente cálido */
#Domingo:hover        { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); }
#Domingo::after       { background: var(--rojo); }
#Domingo.active       { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); color: #fff; }
#Domingo:focus-visible { outline-color: var(--rojo); }

/* ============================= */
/* RESPONSIVE */
/* ============================= */
@media (max-width: 768px) {
  .tab {
    padding: 12px 18px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .tabs {
    gap: 8px;
  }
  .tab {
    flex: 1 1 45%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e330519 *//* ============================= */
/* PALETA OFICIAL DEL LOGO */
/* ============================= */
:root {
  --azul: #2E86C1;
  --verde: #5CB85C;
  --amarillo: #F4D03F;
  --naranja: #F39C12;
  --rojo: #E74C3C;
  --gris-claro: #f4f6f9;
  --gris-texto: #555;
}

/* ============================= */
/* CONTENEDOR DE PESTAÑAS */
/* ============================= */
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px;
  background: #ffffff;
}

/* ============================= */
/* ESTILO BASE DE CADA PESTAÑA */
/* ============================= */
.tab {
  position: relative;
  padding: 14px 26px;
  border: none;
  border-radius: 14px;
  background: var(--gris-claro);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  color: var(--gris-texto);
  /* MEJORA 1: transición más completa */
  transition: transform 0.35s ease, box-shadow 0.35s ease,
              background 0.35s ease, color 0.35s ease;
  /* MEJORA 2: rendimiento GPU */
  will-change: transform, box-shadow;
  overflow: hidden;
}

/* Hover general */
.tab:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  color: #ffffff;
}

/* MEJORA 3: foco para teclado */
.tab:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

/* Línea inferior animada */
.tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 4px;
  transform: translateX(-50%);
  transition: width 0.3s ease;
  border-radius: 10px;
}

.tab:hover::after {
  width: 100%;
}

/* MEJORA 4: línea también visible en .active */
.tab.active::after {
  width: 100%;
}

/* ============================= */
/* COLORES POR ID DE DÍA */
/* ============================= */

/* LUNES - Verde */
#Lunes:hover        { background: var(--verde); }
#Lunes::after       { background: var(--verde); }
#Lunes.active       { background: var(--verde); color: #fff; }
#Lunes:focus-visible { outline-color: var(--verde); }

/* MARTES - Azul */
#Martes:hover        { background: var(--azul); }
#Martes::after       { background: var(--azul); }
#Martes.active       { background: var(--azul); color: #fff; }
#Martes:focus-visible { outline-color: var(--azul); }

/* MIÉRCOLES - Amarillo */
#Miercoles:hover        { background: var(--amarillo); color: #333; }
#Miercoles::after       { background: var(--amarillo); }
#Miercoles.active       { background: var(--amarillo); color: #333; }
#Miercoles:focus-visible { outline-color: var(--amarillo); }

/* JUEVES - Naranja */
#Jueves:hover        { background: var(--naranja); }
#Jueves::after       { background: var(--naranja); }
#Jueves.active       { background: var(--naranja); color: #fff; }
#Jueves:focus-visible { outline-color: var(--naranja); }

/* VIERNES - Rojo */
#Viernes:hover        { background: var(--rojo); }
#Viernes::after       { background: var(--rojo); }
#Viernes.active       { background: var(--rojo); color: #fff; }
#Viernes:focus-visible { outline-color: var(--rojo); }

/* SÁBADO - Gradiente institucional */
#Sabado:hover        { background: linear-gradient(45deg, var(--azul), var(--verde)); }
#Sabado::after       { background: var(--verde); }
#Sabado.active       { background: linear-gradient(45deg, var(--azul), var(--verde)); color: #fff; }
#Sabado:focus-visible { outline-color: var(--azul); }

/* DOMINGO - Gradiente cálido */
#Domingo:hover        { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); }
#Domingo::after       { background: var(--rojo); }
#Domingo.active       { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); color: #fff; }
#Domingo:focus-visible { outline-color: var(--rojo); }

/* ============================= */
/* RESPONSIVE */
/* ============================= */
@media (max-width: 768px) {
  .tab {
    padding: 12px 18px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .tabs {
    gap: 8px;
  }
  .tab {
    flex: 1 1 45%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e330519 *//* ============================= */
/* PALETA OFICIAL DEL LOGO */
/* ============================= */
:root {
  --azul: #2E86C1;
  --verde: #5CB85C;
  --amarillo: #F4D03F;
  --naranja: #F39C12;
  --rojo: #E74C3C;
  --gris-claro: #f4f6f9;
  --gris-texto: #555;
}

/* ============================= */
/* CONTENEDOR DE PESTAÑAS */
/* ============================= */
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px;
  background: #ffffff;
}

/* ============================= */
/* ESTILO BASE DE CADA PESTAÑA */
/* ============================= */
.tab {
  position: relative;
  padding: 14px 26px;
  border: none;
  border-radius: 14px;
  background: var(--gris-claro);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  color: var(--gris-texto);
  /* MEJORA 1: transición más completa */
  transition: transform 0.35s ease, box-shadow 0.35s ease,
              background 0.35s ease, color 0.35s ease;
  /* MEJORA 2: rendimiento GPU */
  will-change: transform, box-shadow;
  overflow: hidden;
}

/* Hover general */
.tab:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  color: #ffffff;
}

/* MEJORA 3: foco para teclado */
.tab:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

/* Línea inferior animada */
.tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 4px;
  transform: translateX(-50%);
  transition: width 0.3s ease;
  border-radius: 10px;
}

.tab:hover::after {
  width: 100%;
}

/* MEJORA 4: línea también visible en .active */
.tab.active::after {
  width: 100%;
}

/* ============================= */
/* COLORES POR ID DE DÍA */
/* ============================= */

/* LUNES - Verde */
#Lunes:hover        { background: var(--verde); }
#Lunes::after       { background: var(--verde); }
#Lunes.active       { background: var(--verde); color: #fff; }
#Lunes:focus-visible { outline-color: var(--verde); }

/* MARTES - Azul */
#Martes:hover        { background: var(--azul); }
#Martes::after       { background: var(--azul); }
#Martes.active       { background: var(--azul); color: #fff; }
#Martes:focus-visible { outline-color: var(--azul); }

/* MIÉRCOLES - Amarillo */
#Miercoles:hover        { background: var(--amarillo); color: #333; }
#Miercoles::after       { background: var(--amarillo); }
#Miercoles.active       { background: var(--amarillo); color: #333; }
#Miercoles:focus-visible { outline-color: var(--amarillo); }

/* JUEVES - Naranja */
#Jueves:hover        { background: var(--naranja); }
#Jueves::after       { background: var(--naranja); }
#Jueves.active       { background: var(--naranja); color: #fff; }
#Jueves:focus-visible { outline-color: var(--naranja); }

/* VIERNES - Rojo */
#Viernes:hover        { background: var(--rojo); }
#Viernes::after       { background: var(--rojo); }
#Viernes.active       { background: var(--rojo); color: #fff; }
#Viernes:focus-visible { outline-color: var(--rojo); }

/* SÁBADO - Gradiente institucional */
#Sabado:hover        { background: linear-gradient(45deg, var(--azul), var(--verde)); }
#Sabado::after       { background: var(--verde); }
#Sabado.active       { background: linear-gradient(45deg, var(--azul), var(--verde)); color: #fff; }
#Sabado:focus-visible { outline-color: var(--azul); }

/* DOMINGO - Gradiente cálido */
#Domingo:hover        { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); }
#Domingo::after       { background: var(--rojo); }
#Domingo.active       { background: linear-gradient(45deg, var(--amarillo), var(--rojo)); color: #fff; }
#Domingo:focus-visible { outline-color: var(--rojo); }

/* ============================= */
/* RESPONSIVE */
/* ============================= */
@media (max-width: 768px) {
  .tab {
    padding: 12px 18px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .tabs {
    gap: 8px;
  }
  .tab {
    flex: 1 1 45%;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-eba6320 *//* ============================= */
/* PALETA OFICIAL DEL LOGO */
/* ============================= */
:root {
  --azul: #2E86C1;
  --verde: #5CB85C;
  --amarillo: #F4D03F;
  --naranja: #F39C12;
  --rojo: #E74C3C;
  --gris-claro: #f4f6f9;
  --gris-texto: #555;
}

/* ============================= */
/* CONTENEDOR DE PESTAÑAS */
/* ============================= */
.tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px;
  background: #ffffff;
}

/* ============================= */
/* ESTILO BASE DE CADA PESTAÑA */
/* ============================= */
.tab {
  position: relative;
  padding: 14px 26px;
  border: none;
  border-radius: 14px;
  background: var(--gris-claro);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  color: var(--gris-texto);
  transition: transform 0.35s ease, box-shadow 0.35s ease,
              background 0.35s ease, color 0.35s ease;
  will-change: transform, box-shadow;
  overflow: hidden;
}

.tab:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  color: #ffffff;
}

.tab:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

.tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 4px;
  transform: translateX(-50%);
  transition: width 0.3s ease;
  border-radius: 10px;
}

.tab:hover::after,
.tab.active::after {
  width: 100%;
}

/* ============================= */
/* LUNES - Verde */
/* ============================= */
#Lunes,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(1) {
  transition: 0.3s all !important;
}
#Lunes:hover,
#Lunes.elementor-active,
#Lunes.active,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(1):hover,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(1)[aria-selected="true"] {
  background-color: var(--verde) !important;
  border-color: var(--verde) !important;
  color: #fff !important;
}
#Lunes::after,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(1)::after {
  background: var(--verde);
}
#Lunes.elementor-active i,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(1)[aria-selected="true"] i {
  color: #fff !important;
}

/* ============================= */
/* MARTES - Azul */
/* ============================= */
#Martes,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(2) {
  transition: 0.3s all !important;
}
#Martes:hover,
#Martes.elementor-active,
#Martes.active,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(2):hover,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(2)[aria-selected="true"] {
  background-color: var(--azul) !important;
  border-color: var(--azul) !important;
  color: #fff !important;
}
#Martes::after,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(2)::after {
  background: var(--azul);
}
#Martes.elementor-active i,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(2)[aria-selected="true"] i {
  color: #fff !important;
}

/* ============================= */
/* MIÉRCOLES - Amarillo */
/* ============================= */
#Miercoles,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(3) {
  transition: 0.3s all !important;
}
#Miercoles:hover,
#Miercoles.elementor-active,
#Miercoles.active,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(3):hover,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(3)[aria-selected="true"] {
  background-color: var(--amarillo) !important;
  border-color: var(--amarillo) !important;
  color: #333 !important;
}
#Miercoles::after,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(3)::after {
  background: var(--amarillo);
}
#Miercoles.elementor-active i,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(3)[aria-selected="true"] i {
  color: #333 !important;
}

/* ============================= */
/* JUEVES - Naranja */
/* ============================= */
#Jueves,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(4) {
  transition: 0.3s all !important;
}
#Jueves:hover,
#Jueves.elementor-active,
#Jueves.active,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(4):hover,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(4)[aria-selected="true"] {
  background-color: var(--naranja) !important;
  border-color: var(--naranja) !important;
  color: #fff !important;
}
#Jueves::after,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(4)::after {
  background: var(--naranja);
}
#Jueves.elementor-active i,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(4)[aria-selected="true"] i {
  color: #fff !important;
}

/* ============================= */
/* VIERNES - Rojo */
/* ============================= */
#Viernes,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(5) {
  transition: 0.3s all !important;
}
#Viernes:hover,
#Viernes.elementor-active,
#Viernes.active,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(5):hover,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(5)[aria-selected="true"] {
  background-color: var(--rojo) !important;
  border-color: var(--rojo) !important;
  color: #fff !important;
}
#Viernes::after,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(5)::after {
  background: var(--rojo);
}
#Viernes.elementor-active i,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(5)[aria-selected="true"] i {
  color: #fff !important;
}

/* ============================= */
/* SÁBADO - Azul */
/* ============================= */
#Sabado,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(6) {
  transition: 0.3s all !important;
}
#Sabado:hover,
#Sabado.elementor-active,
#Sabado.active,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(6):hover,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(6)[aria-selected="true"] {
  background-color: var(--azul) !important;
  border-color: var(--azul) !important;
  color: #fff !important;
}
#Sabado::after,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(6)::after {
  background: var(--azul);
}
#Sabado.elementor-active i,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(6)[aria-selected="true"] i {
  color: #fff !important;
}

/* ============================= */
/* DOMINGO - Rojo */
/* ============================= */
#Domingo,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(7) {
  transition: 0.3s all !important;
}
#Domingo:hover,
#Domingo.elementor-active,
#Domingo.active,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(7):hover,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(7)[aria-selected="true"] {
  background-color: var(--rojo) !important;
  border-color: var(--rojo) !important;
  color: #fff !important;
}
#Domingo::after,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(7)::after {
  background: var(--rojo);
}
#Domingo.elementor-active i,
.elementor-13389 .elementor-element.elementor-element-eba6320 .e-n-tab-title:nth-child(7)[aria-selected="true"] i {
  color: #fff !important;
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */
@media (max-width: 768px) {
  .tab {
    padding: 12px 18px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .tabs {
    gap: 8px;
  }
  .tab {
    flex: 1 1 45%;
    text-align: center;
  }
}/* End custom CSS */