#version {
      position: absolute;
      top: 15px;   /* Distancia desde arriba */
      left: 1150px; /* Distancia desde la izquierda */
      color: rgb(255, 23, 23);
      font-size: 20px;
      text-shadow: 2px 2px 4px #000;
    }
    #hamburguesaBtn {
      position: absolute;
      top: 12px;
      left: 12px;
      color: rgb(255, 255, 255);
      background: none;
      border: none;
      cursor: pointer;
      padding: 0;
      /* Reemplazo de text-shadow para elementos vectoriales SVG */
      filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.7)); 
    }
    
    /* Base para las líneas del SVG */
    .linea-menu {
      transform-origin: center;
      transition: transform 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    }
    
    /* --- Animación de Rebote (Capa Activa) --- */
    
    /* Línea superior: rebota hacia el centro */
    #hamburguesaBtn.animado .l1 {
      transform: translateY(6px) scaleX(0.85);
    }
    
    /* Línea central: se encoge y rebota ligeramente */
    #hamburguesaBtn.animado .l2 {
      transform: scaleX(0.4);
    }
    
    /* Línea inferior: rebota hacia el centro */
    #hamburguesaBtn.animado .l3 {
      transform: translateY(-6px) scaleX(0.85);
    }
    
    .menu-hamburguesa-container {
      position: fixed;
      top: 10px;
      left: 14px;
      z-index: 110;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      font-weight: bold;
    }
    .menu-hamburguesa-btn {
      border: none;
      background: none;
      background-color: transparent;
      padding: 3px 20px;
      padding-top: 5px;
      color: #ffffff;
      cursor: pointer;
      font-size: 1.3em;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 110;
    }
    .menu-hamburguesa-btn:active {
      background: rgba(255, 255, 255, 0.35);
    }
    .botones-panel {
      display: none;
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
    
      margin-top: 50px;
      margin-bottom: 10px;
      padding: 14px;
    
      background: rgba(18, 18, 28, 0.82);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 22px;
    
      box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    
      animation: panelFade 0.25s ease;
    }
    
    .botones-panel.show {
      display: flex;
    }
    
    .boton-ajuste-vertical {
      width: 170px;
    
      display: flex;
      align-items: center;
      gap: 10px;
    
      padding: 12px 16px;
    
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 16px;
    
      background: linear-gradient(
        135deg,
        rgba(140, 82, 255, 0.28),
        rgba(95, 45, 255, 0.18)
      );
    
      color: #ffffff;
      font-size: 1rem;
      font-weight: 500;
      letter-spacing: 0.2px;
    
      cursor: pointer;
    
      backdrop-filter: blur(10px);
    
      transition:
        transform 0.18s ease,
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
    }
    
    .boton-ajuste-vertical:hover {
      transform: translateY(-2px);
    
      background: linear-gradient(
        135deg,
        rgba(160, 100, 255, 0.35),
        rgba(110, 60, 255, 0.28)
      );
    
      border-color: rgba(180, 120, 255, 0.35);
    
      box-shadow:
        0 8px 20px rgba(119, 0, 255, 0.22),
        0 0 0 1px rgba(255,255,255,0.03);
    }
    
    .boton-ajuste-vertical:active {
      transform: scale(0.97);
    
      background: linear-gradient(
        135deg,
        rgba(120, 70, 255, 0.45),
        rgba(80, 35, 255, 0.38)
      );
    }
    
    .boton-ajuste-vertical svg,
    .boton-ajuste-vertical i {
      font-size: 1.1em;
      opacity: 0.9;
    }
    
    @keyframes panelFade {
      from {
        opacity: 0;
        transform: translateY(-6px) scale(0.98);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }
    
    @media (max-width: 500px) {
      .menu-hamburguesa-container {
        left: 8px;
        top: 8px;
      }
    
      .botones-panel {
        padding: 10px;
        gap: 10px;
        border-radius: 18px;
      }
    
      .boton-ajuste-vertical {
        width: 140px;
    
        padding: 10px 12px;
    
        font-size: 0.94rem;
        border-radius: 14px;
      }
    }    
    /* --- ESTILOS TABLÓN DE NOVEDADES MODIFICADOS --- */
    #novedades-modal{
      position:fixed;
      top:0;
      left:0;
      width:100vw;
      height:100vh;
    
      background:linear-gradient(135deg,#cd79c355,#7f2c9255,#3491a855);
      backdrop-filter:blur(4px);
    
      display:flex;
      align-items:center;
      justify-content:center;
    
      z-index:1000;
      padding:30px;
      animation:fadeIn .35s ease;
      cursor:pointer;
    }
    
    /* CAJA PRINCIPAL */
    #novedades-box{
    
      background:linear-gradient(135deg,#e297c3 0%,#9581c5 40%,#79b6cf 100%);
      
      border-radius:28px;
    
      width:min(950px,92vw);
      max-height:86vh;
    
      padding:42px 40px 28px 40px;
    
      display:flex;
      flex-direction:column;
      align-items:center;
    
      position:relative;
      overflow:hidden;
    
      border:1px solid rgba(255,255,255,0.6);
    
      box-shadow:
      0 30px 80px rgba(0,0,0,0.25),
      inset 0 1px 0 rgba(255,255,255,0.7);
    
      animation:modalPop .45s cubic-bezier(.2,.8,.2,1);
    }
    
    /* CONTENIDO SCROLL */
    #novedades-content{
      width:100%;
      max-height:62vh;
      overflow-y:auto;
      overflow-x:hidden;
      margin-bottom:20px;
      padding-right:6px;
    }
    
    /* SCROLL BONITO */
    #novedades-content::-webkit-scrollbar{
      width:6px;
    }
    
    #novedades-content::-webkit-scrollbar-thumb{
      background:#cbbcff;
      border-radius:20px;
    }
    
    /* TITULO */
    #novedades-box h2{
    
      margin-top:0;
      font-size:2.2em;
    
      background:linear-gradient(90deg,#1b183a,#3e1c30);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
    
      text-align:center;
      margin-bottom:22px;
    
      font-family:"Archivo Black",sans-serif;
      letter-spacing:2px;
    
      text-shadow:0 6px 20px rgba(0,0,0,0.08);
    }
    
    /* TEXTO */
    .novedad-linea{
    
      font-size:1.18em;
      color:#100e21;
    
      margin-bottom:14px;
      text-align:center;
    
      line-height:1.5;
    
      word-break:break-word;
      max-width:94%;
    }
    
    /* IMAGEN */
    .novedad-img{
    
      display:block;
      margin:20px auto;
    
      max-width:460px;
      max-height:210px;
    
      border-radius:18px;
    
      border:3px solid rgba(255,255,255,0.7);
    
      box-shadow:
      0 15px 35px rgba(0,0,0,0.18),
      0 0 25px rgba(200,180,255,0.35);
    
      object-fit:contain;
    
      transition:transform .25s ease;
    }
    
    .novedad-img:hover{
      transform:scale(1.05);
    }
    
    /* BOTON */
    #novedades-vale{
    
      margin-top:10px;
    
      background:linear-gradient(135deg,#ff9edb,#aab6ff);
    
      color:white;
      border:none;
    
      border-radius:16px;
    
      font-size:1.2em;
      font-family:inherit;
    
      padding:12px 44px;
    
      box-shadow:
      0 10px 25px rgba(0,0,0,0.25),
      0 0 15px rgba(255,150,220,0.5);
    
      cursor:pointer;
    
      transition:all .25s ease;
    }
    
    #novedades-vale:hover{
    
      transform:translateY(-3px) scale(1.06);
    
      background:linear-gradient(135deg,#ffb7e6,#c1c9ff);
    
      box-shadow:
      0 14px 30px rgba(0,0,0,0.28),
      0 0 25px rgba(255,150,220,0.7);
    }
    
    /* ANIMACIONES */
    
    @keyframes modalPop{
      0%{
        transform:scale(.85);
        opacity:0;
      }
      100%{
        transform:scale(1);
        opacity:1;
      }
    }
    
    /* RESPONSIVE */
    
    @media (max-width:700px){
    
      #novedades-box{
        width:96vw;
        padding:26px 20px 22px 20px;
        max-height:88vh;
      }
    
      #novedades-box h2{
        font-size:1.7em;
      }
    
      .novedad-img{
        max-width:92%;
        max-height:150px;
      }
    
    }
html, body {
      margin: 0;
      padding: 0;
      width: 100vw;
      min-width: 100vw;
      height: 100vh;
      overflow-x: hidden;
      overflow-y: auto;
    }
    @property --color-centro {
      syntax: '<color>';
      inherits: false;
      initial-value: #77a3a5;
    }

    @property --color-fondo {
      syntax: '<color>';
      inherits: false;
      initial-value: #80a267;
    }
    @property --zoom {
      syntax: '<percentage>';
      inherits: false;
      initial-value: 110%;
    }
    body {
      background: radial-gradient(
        var(--zoom) var(--zoom) at 50% 10%, 
      var(--color-centro) 10%, 
      var(--color-fondo) 100%
    );
      animation: fondoFluido 12s ease-in-out infinite alternate;
      background-size: contain;
      background-repeat: repeat-x;
      font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
      min-height: 100vh;
      color: white;
      width: 100vw;
      min-width: 100vw;
    }
    @keyframes fondoFluido {
      0% {
        --zoom: 25%;
        --color-centro: #77a3a5;
        --color-fondo: #80a267;
      }
      50% {
        --zoom: 180%; /* Zoom gigante */
        /* Mantenemos colores o los variamos mínimamente para evitar saltos visuales */
        --color-centro: #77a3a5; 
      }
      100% {
        --zoom: 110%;
        --color-centro: #77a3a5;
        --color-fondo: #80a267;
      }
    }
    body.roll {
      animation: spin 1s ease-in-out;
    }

    @keyframes spin {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }

    .fullscreen-img {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      object-fit: cover;
      z-index: 9999;
      display: block;
      transition: opacity 1s ease;
    }
    .hidden {
      display: none !important;
    }
    .fullscreen-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: white; /* 👈 el fondo blanco */
      z-index: 9998;
      overflow: hidden;
    }
    


    /* Botones del menú hamburguesa: mismo estilo para los tres */
    .boton-ajuste-vertical {
      width: 150px;
      display: flex;
      align-items: center;
      gap: 6px;
      background: rgba(0,255,255,0.18);
      color: #fff;
      border: none;
      border-radius: 12px;
      padding: 10px 16px;
      font-size: 1.08em;
      cursor: pointer;
      transition: background 0.2s, box-shadow 0.2s;
      box-shadow: 0 2px 10px 0 rgba(0,255,255,0.08);
      margin: 0;
    }
    .boton-ajuste-vertical:hover {
      background: rgba(0,255,255,0.32);
      box-shadow: 0 4px 18px 0 rgba(0,255,255,0.14);
    }
    .boton-ajuste-vertical:active {
      background: rgba(0,255,255,0.40);
    }
    .margen-grande-arriba {
      margin-top: 90px;
    }
    .section-title {
      margin-left: 64px;
      width: calc(100vw - 64px);
      max-width: calc(100vw - 64px);
      box-sizing: border-box;
      padding-left: 24px;
      padding-right: 24px;
      text-align: left;
      margin-bottom: 12px;
      font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
      font-size: 2.1rem;
      font-weight: 700;
      letter-spacing: 2px;
      text-shadow: 0 2px 12px #000, 0 0px 2px #222;
      color: #fff;
      border-left: 5px solid #ffffff66;
      padding-left: 12px;
      margin-right: 0;
    }
    .menu-buttons-row-wrapper {
      display: flex;
      align-items: center;
      margin-left: 32px;
      width: calc(100vw - 32px);
      max-width: calc(100vw - 32px);
      box-sizing: border-box;
      padding-left: 0;
      padding-right: 0;
      position: relative;
      margin-bottom: 25px;
      min-height: 180px;
      margin-right: 0;
    }
    .menu-buttons-row {
      display: inline-flex;
      gap: 40px;
      overflow-x: auto;
      overflow-y: visible;
      white-space: nowrap;
      scrollbar-width: none;
      -ms-overflow-style: none;
      scroll-behavior: smooth;
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      box-sizing: border-box;
      padding: 32px 0;
      margin-left: 0;
      margin-right: 0;
    }
    .menu-buttons-row::-webkit-scrollbar {
      display: none;
    }
    .carousel-arrow {
      --bg: rgba(18, 18, 22, 0.82);
      --bg-hover: rgba(28, 28, 34, 0.96);
      --border: rgba(255,255,255,0.08);
    
      width: 58px;
      height: 92px;
    
      border: 1px solid var(--border);
      border-radius: 20px;
    
      background:
        linear-gradient(
          180deg,
          rgba(255,255,255,0.10),
          rgba(255,255,255,0.02)
        ),
        var(--bg);
    
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    
      display: flex;
      align-items: center;
      justify-content: center;
    
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    
      cursor: pointer;
      z-index: 5;
    
      padding: 0;
      outline: none;
      user-select: none;
    
      visibility: hidden;
      pointer-events: none;
    
      transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        opacity .25s ease;
    
      box-shadow:
        0 10px 30px rgba(0,0,0,.30),
        inset 0 1px 1px rgba(255,255,255,.06);
    }
    
    /* Hover */
    .carousel-arrow:hover {
      transform: translateY(-50%) scale(1.04);
    
      background:
        linear-gradient(
          180deg,
          rgba(255,255,255,0.14),
          rgba(255,255,255,0.03)
        ),
        var(--bg-hover);
    
      box-shadow:
        0 18px 40px rgba(0,0,0,.40),
        0 0 24px rgba(255,255,255,.05);
    }
    
    /* Click */
    .carousel-arrow:active {
      transform: translateY(-50%) scale(0.97);
    }
    
    /* Flechas */
    .carousel-arrow svg {
      width: 30px;
      height: 30px;
    
      stroke: #ffffff;
      stroke-width: 2.8;
      fill: none;
    
      transition: transform .2s ease;
    }
    
    .carousel-arrow.left:hover svg {
      transform: translateX(-2px);
    }
    
    .carousel-arrow.right:hover svg {
      transform: translateX(2px);
    }
    
    /* Posición */
    .carousel-arrow.left {
      left: -30px;
    }
    
    .carousel-arrow.right {
      right: 0px;
    }
    
    /* Mostrar */
    .carousel-arrow.visible {
      visibility: visible !important;
      pointer-events: auto;
    }
    
    /* Borde brillante premium */
    .carousel-arrow::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      padding: 1px;
    
      background: linear-gradient(
        180deg,
        rgba(255,255,255,0.18),
        rgba(255,255,255,0.02)
      );
    
      -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    
      -webkit-mask-composite: xor;
      mask-composite: exclude;
    
      pointer-events: none;
    }
    .menu-button {
      padding: 0;
      border: none;
      background: none;
      cursor: pointer;
      transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
      display: inline-block;
    }
    .menu-button img {
      width: 220px;
      height: 120px;
      object-fit: cover;
      border-radius: 12px;
      filter: grayscale(20%) brightness(1);
      transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease, filter 0.4s ease;
    }
    .menu-button:hover img {
      transform: scale(1.05) translateY(-5px);
      box-shadow: 0 0 20px rgba(0, 229, 255, 0.4), 0 0 40px rgba(0, 229, 255, 0.2);
      filter: grayscale(0%) brightness(1.2);
    }
    .boton-navidad-grande {
      justify-content: center;
      display: block;
      margin: 0 auto;
      border: none;
      background: none;
      cursor: pointer;
      transition: transform 0.3s ease;
    }
    .boton-navidad-grande img {
      width: 340px;
      height: 210px;
      object-fit: cover;
      border-radius: 12px;
      transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
    }
    .boton-navidad-grande:hover img {
      transform: scale(1.06) translateY(-9px);
      box-shadow: 0 0 28px rgba(255, 251, 0, 0.55);
      filter: brightness(1.12);
        
    }
    /* NUEVO: hace el botón más claro y se eleva levemente en hover */
    .menu-button:hover {
      /* Puedes añadir un poco de sombra extra si quieres */
      /* Nota: el efecto principal está en el img, pero puedes poner aquí también si ves que queda mejor */
    }
    .settings {
      display: none;
      flex-direction: column;
      gap: 18px;
      background: rgba(255, 255, 255, 0.05);
      padding: 34px 34px 22px 34px;
      border-radius: 16px;
      align-items: center;
      z-index: 2;
      animation: fadeIn 0.5s ease forwards;
      justify-content: center;
      position: fixed;
      inset: 0;
      margin: auto;
      min-width: 350px;
      max-width: 95vw;
      min-height: 350px;
      max-height: 95vh;
      box-shadow: 0 8px 40px #000a;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transform: none;
    }
    .settings-row {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 10px;
      width: 100%;
      justify-content: center;
    }
    .screens-menu {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 12px;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      scroll-behavior: smooth;
      box-sizing: border-box;
    }
    .images-rows {
      display: flex;
      width: 100%;
      height: 100%;
      flex-direction: row;
      align-items: center;
      gap: 12px;
      overflow-x: auto;
      background: none;
      border-radius: 8px;
      border: none;
      text-align: center;
      font-family: archivo Black sans-serif;
      transition: transform 0.3s ease;
    }
    .images-sett {
      width: 144px;
      height: 84px;
      object-fit: cover;
      border-radius: 8px;
      cursor: pointer;
      transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
      overflow: hidden;
    }
    .images-sett:hover {
      transform: scale(1.2);
      box-shadow: inset 0 0 12px #2c2c2caa, 0 0 20px #3e3e3eaa;
      filter:brightness(1.1s) ;
    }
    .default-btn, .aboutblank-btn, .default-btn-icon {
      background: rgba(0, 255, 255, 0.18);
      color: #fff;
      border: none;
      border-radius: 8px;
      padding: 8px 15px;
      font-size: 14px;
      cursor: pointer;
      transition: background 0.2s;
      font-family: inherit;
    }
    .aboutblank-btn {
      padding: 8px 18px;
      font-size: 15px;
      margin-top: 4px;
    }
    .default-btn:hover, .aboutblank-btn:hover {
      background: rgba(0, 255, 255, 0.32);
    }
    .settings.show {
      display: flex;
    }
    .settings input {
      background: rgba(255, 255, 255, 0.1);
      color: white;
      border: none;
      padding: 10px;
      border-radius: 10px;
      font-size: 16px;
      width: 250px;
      transition: 0.3s ease;
      text-align: center;
    }
    .settings-buttons {
      background: rgba(0, 255, 255, 0.2);
      color: white;
      border: none;
      padding: 10px 20px;
      border-radius: 12px;
      font-size: 16px;
      cursor: pointer;
      transition: 0.3s ease;
      z-index: 10;
    }
    .settings-buttons:hover {
      background: rgba(0, 255, 255, 0.4);
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: scale(0.95); }
      to { opacity: 1; transform: scale(1); }
    }
    /* --- BUSCADOR DE BOTONES --- */
    #buscador-contenedor {
      z-index: 100;
      transition: box-shadow 0.3s, background 0.3s, top 0.3s;
    }
    #buscador-contenedor.compact {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      background: rgba(20,24,32,0.92);
      box-shadow: 0 2px 16px #000a;
      padding-top: 8px;
      padding-bottom: 8px;
      margin-top: 0 !important;
      animation: fadeIn 0.3s;
    }
    #resultados-busqueda {
      display: flex;
      flex-wrap: wrap;
      gap: 32px;
      justify-content: center;
      margin: 44px 0 16px 0;
      animation: fadeIn 0.4s;
    }
    #resultados-busqueda .menu-button {
      margin: 0;
    }
    /* OCULTAR BUSCADOR Y RESULTADOS cuando ajustes está abierto */
    .settings.show ~ #buscador-contenedor,
    .settings.show ~ #resultados-busqueda {
      display: none !important;
    }
    @media (max-width: 1000px) {
      .menu-button img {
        width: 180px;
        height: 100px;
      }
      .menu-buttons-row-wrapper {
        max-width: calc(100vw - 12px);
        width: calc(100vw - 12px);
        margin-left: 6px;
      }
      .section-title {
        margin-left: 24px;
        width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
      }
      .menu-buttons-row {
        max-width: 100vw;
      }
    }
    @media (max-width: 700px) {
      .menu-button img {
        width: 135px;
        height: 80px;
      }
      .carousel-arrow {
        width: 36px;
        height: 60px;
      }
      .carousel-arrow svg {
        width: 38px;
        height: 28px;
      }
      .section-title {
        font-size: 1.2rem;
        margin-left: 8px;
        width: calc(100vw - 8px);
        max-width: calc(100vw - 8px);
        padding-left: 6px;
      }
      .settings { min-width: 95vw; min-height: 200px; }
      .settings input { width: 80vw; }
      #buscador-contenedor input { width: 88vw !important; }
    }

    .web-crsl-container {
      position: relative;
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      height: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      font-family: sans-serif;
    }
    
    .web-crsl-track {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    /* Estilo base de TUS botones (no altera tus clases globales) */
    .web-crsl-track .carousel-button {
      position: absolute;
      width: 100px;
      height: 100px;
      border: none;
      background: none;
      padding: 0;
      cursor: pointer;
      transition: transform 0.4s ease, opacity 0.4s ease, filter 0.4s ease;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      z-index: 1;
    }
    
    .web-crsl-track .carousel-button img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 12px;
    }
    
    /* ESTADOS DEL CARRUSEL (Centro, Izquierda, Derecha) */
    .web-crsl-track .carousel-button.crsl-center {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateX(0) scale(1.2);
      filter: brightness(1);
      z-index: 3;
    }
    
    .web-crsl-track .carousel-button.crsl-left {
      opacity: 0.6;
      visibility: visible;
      pointer-events: auto;
      transform: translateX(-120px) scale(0.9);
      filter: brightness(0.4);
      z-index: 2;
    }
    
    .web-crsl-track .carousel-button.crsl-right {
      opacity: 0.6;
      visibility: visible;
      pointer-events: auto;
      transform: translateX(120px) scale(0.9);
      filter: brightness(0.4);
      z-index: 2;
    }
    
    /* Botones de navegación (Flechas) */
    .web-crsl-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.5);
      color: white;
      border: none;
      border-radius: 50%;
      width: 35px;
      height: 35px;
      cursor: pointer;
      z-index: 10;
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.3s;
    }
    
    .web-crsl-nav:hover {
      background: rgba(0, 0, 0, 0.8);
    }
    
    .web-crsl-prev { left: 10px; }
    .web-crsl-next { right: 10px; }

    .fijado-row-wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100vw;
      max-width: 100vw;
      margin-bottom: 22px;
      margin-top: 18px;
      box-sizing: border-box;
      padding-left: 0;
      padding-right: 0;
      position: relative;
    }
    
    .fijado-title {
      font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
      font-size: 2.1rem;
      font-weight: 700;
      letter-spacing: 2px;
      color: #ffff00;
      margin-left: 32px;
      margin-bottom: 10px;
      border-left: 5px solid #ffd70099; /* dorado */
      padding-left: 12px;
      text-shadow: 0 2px 12px #000, 0 0px 2px #222;
    }
    
    .fijado-row {
      display: inline-flex;
      gap: 40px;
      overflow-x: auto;
      overflow-y: visible;
      white-space: nowrap;
      scrollbar-width: none;
      -ms-overflow-style: none;
      scroll-behavior: smooth;
      width: 100%;
      max-width: 100vw;
      min-width: 100vw;
      box-sizing: border-box;
      padding: 20px 0;
      margin-left: 0;
      margin-right: 0;
      background: rgba(255, 255, 255, 0.04);
      border-radius: 18px;
      box-shadow: 0 4px 24px #0003;
    }
    
    .fijado-row::-webkit-scrollbar {
      display: none;
    }
    
    .fijado-row .menu-button img {
      border: 3px solid #ffd70099;
      box-shadow: 0 0 18px #ffd70044;
    }
    
    @media (max-width: 1000px) {
      .fijado-title {
        font-size: 1.3rem;
        margin-left: 8px;
        padding-left: 6px;
      }
      .fijado-row {
        gap: 20px;
        padding: 13px 0;
      }
    }