:root{
  --rlm-brand:#90439e;
  --rlm-bord:#e5e7eb;
  --rlm-text:#0f172a;
}

/* Cinta superior fuera del header en negro */
.top-alert-agosto{ background:#000 !important; }

/* ====== v3 (escritorio) ====== */
#rlm-header-v3{ position:relative; z-index:60; color:var(--rlm-text); }
#rlm-header-v3 .rlm-container{ max-width:1220px; margin:0 auto; padding:0 16px; display:flex; align-items:center; gap:14px; }

/* Primaria */
#rlm-header-v3 .rlm-head-primary{ background:#fff; border-bottom:1px solid var(--rlm-bord); }
#rlm-header-v3 .rlm-head-primary .rlm-container{ justify-content:flex-start; }
#rlm-header-v3 .rlm-logo{ display:flex; align-items:left; padding:10px 0; margin-left:0; }
#rlm-header-v3 .rlm-logo img{ height:42px; width:auto; }
/* === LOGO FIJO ABSOLUTO EN EL BORDE IZQUIERDO === */
@media (min-width: 1201px){
  #rlm-header-v3 .rlm-head-primary{ position: relative; }

  /* Colocamos el logo fuera del flujo, pegado al borde */
  #rlm-header-v3 .rlm-logo{
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 2;
  }

  /* Damos “hueco” al resto del contenido para que no lo tape el logo.
     Ajusta 260px a la anchura real de tu logo. */
  #rlm-header-v3 .rlm-head-primary .rlm-container{
    padding-left: 260px !important;  /* <-- ajusta este valor */
    justify-content: flex-start !important;
    align-items: center !important;
  }

  body.header-center #rlm-header-v3 .rlm-head-primary .rlm-container{
    justify-content: flex-start !important;
  }
}


#rlm-header-v3 .rlm-hours{ display:flex; flex-direction:column; gap:2px; margin-left:8px; margin-right:8px; }
#rlm-header-v3 .rlm-hours .line{ font-size:13px; color:#000; white-space:nowrap; }
#rlm-header-v3 .rlm-hours a{ color:#000; font-weight:700; text-decoration:none; }

#rlm-header-v3 .rlm-search{ flex:1; display:flex; align-items:center; gap:8px; margin:0 8px; }
#rlm-header-v3 .rlm-search input{ flex:1; height:44px; border:1px solid var(--rlm-bord); border-radius:999px; padding:0 16px; }
#rlm-header-v3 .rlm-search button{ height:44px; width:52px; border-radius:999px; border:1px solid var(--rlm-bord); background:#fff; display:grid; place-items:center; }

#rlm-header-v3 .rlm-actions{ display:flex; align-items:center; gap:10px; }
#rlm-header-v3 .rlm-icn{ width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--rlm-bord); border-radius:10px; background:#fff; color:inherit; text-decoration:none; }
#rlm-header-v3 .rlm-icn svg{ width:20px; height:20px; }
#rlm-header-v3 .rlm-icn.badge{ position:relative; }
#rlm-header-v3 .rlm-icn.badge span{ position:absolute; top:-6px; right:-6px; background:var(--rlm-brand); color:#fff; font-size:11px; line-height:16px; min-width:16px; border-radius:999px; text-align:center; padding:0 4px; }

/* Secundaria: barra morada full-bleed y nav centrado */
#rlm-header-v3 .rlm-head-secondary{ position:relative; background:transparent; }
#rlm-header-v3 .rlm-head-secondary::before{
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:100vw; height:100%; background:var(--rlm-brand); z-index:-1;
}
#rlm-header-v3 .rlm-head-secondary .rlm-container{ justify-content:center; }
#rlm-header-v3 .rlm-nav{ width:100%; }
#rlm-header-v3 .rlm-menu{ display:flex; gap:28px; list-style:none; margin:0; padding:10px 0; justify-content:center; }
#rlm-header-v3 .rlm-menu>li>a,
#rlm-header-v3 .rlm-menu>li>button{ color:#fff; font-weight:700; text-decoration:none; background:none; border:0; cursor:pointer; padding:10px 12px; border-radius:10px; display:flex; align-items:center; gap:6px; transition:.15s; }
#rlm-header-v3 .rlm-menu>li.is-active>a,
#rlm-header-v3 .rlm-menu>li:hover>a,
#rlm-header-v3 .rlm-menu>li:hover>button{ background:#fff; color:var(--rlm-brand); }
#rlm-header-v3 .chev{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; }

/* Mega centrado y con scroll si hace falta */
#rlm-header-v3 .has-mega{ position:static !important; }
#rlm-header-v3 .mega{
  position:absolute; top:100%;
  left:50% !important; right:auto !important;
  transform:translateX(-50%) translateY(6px) !important;
  width:min(1240px, calc(100vw - 40px));
  max-height:calc(100vh - 140px);
  overflow:auto;
  background:#fff; border:1px solid var(--rlm-bord); border-radius:14px;
  box-shadow:0 18px 48px rgba(0,0,0,.12);
  opacity:0; visibility:hidden; transition:opacity .15s, transform .15s; z-index:100000;
}
#rlm-header-v3 .has-mega.mm-open .mega{
  opacity:1; visibility:visible; transform:translateX(-50%) translateY(0) !important;
}

/* Tiles 4× (blanco) */
#rlm-header-v3 .tiles{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:16px; padding:16px; }
#rlm-header-v3 .tile{ position:relative; display:block; border-radius:14px; overflow:hidden; background:#fff !important; text-decoration:none; color:inherit; }
#rlm-header-v3 .tile-media{ display:block; aspect-ratio:16/9; background:#fff !important; }
#rlm-header-v3 .tile-media img{ width:100%; height:100%; object-fit:contain; padding:8px; transition:transform .25s; }
#rlm-header-v3 .tile:hover .tile-media img{ transform:scale(1.03); }
#rlm-header-v3 .tile-title{
  position:absolute; left:12px; bottom:12px;
  background:#fff; color:#111; border:1px solid #e5e7eb;
  border-radius:10px; padding:6px 10px; font-weight:700; font-size:.92rem;
}

/* Evita recortes del tema */
#site-header-wrap, #header, .header_sticky{ overflow:visible !important; }

/* Grid adaptativo */
@media (max-width:1200px){
  #rlm-header-v3 .tiles{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}

/* ====== switch responsive ====== */
/* Escritorio: mostrar v3, ocultar legacy */
@media (min-width:1201px){
  #rlm-header-v3{ display:block !important; }
  #rlm-legacy   { display:none  !important; }
}
/* Responsive (tablets/móvil): ocultar v3, mostrar legacy */
@media (max-width:1200px){
  #rlm-header-v3{
    display:none !important; visibility:hidden !important;
    height:0 !important; overflow:hidden !important;
  }
  #rlm-legacy{ display:block !important; }
  /* Si el tema no engancha el toggle, mostramos el menú por defecto */
  #mainnav .menu{ display:block !important; }

  /* ============ FIX LOGO LEGACY EN RESPONSIVE ============ */
  /* Contenedor del logo en el header antiguo */
  #header .logo,
  #site-header-wrap .logo,
  .header_sticky .logo,
  #logo{
    display:flex;
    align-items:center;
    padding:6px 8px;
  }
  /* Imagen del logo: respeta proporción y evita “estirarse” */
  #header .logo img,
  #site-header-wrap .logo img,
  .header_sticky .logo img,
  #logo img{
    height:48px;              /* ⇠ ajusta aquí (40–48px) si lo prefieres */
    width:auto !important;    /* clave: elimina el estiramiento */
    max-width:100%;
    object-fit:contain;
  }
}
/* ==== Tarjeta base (para cada slide) ==== */
.rlm-card{
  position:relative;
  border-radius:16px;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  transform:translateZ(0);
  transition:transform .25s, box-shadow .25s;
}
.rlm-card .media{ aspect-ratio:4/3; overflow:hidden; border-radius:12px; position:relative; }
.rlm-card .media img{
  width:100%; height:100%; object-fit:cover;
  transform:scale(1); transition:transform .35s cubic-bezier(.2,.8,.2,1);
}

/* Título / etiqueta dentro de la tarjeta */
.rlm-card .title{
  position:absolute; left:12px; bottom:12px;
  background:rgba(255,255,255,.92);
  border:1px solid #eee; border-radius:10px;
  padding:.4rem .6rem; font-weight:700;
  transition:transform .25s, box-shadow .25s, background .25s;
}

/* Hover: zoom + elevación + borde morado */
.rlm-card:hover{
  transform:translateY(-8px);
  box-shadow:0 16px 32px rgba(31,41,55,.18);
}
.rlm-card:hover .media img{ transform:scale(1.06); }
.rlm-card::before{
  content:""; position:absolute; inset:0; border-radius:16px;
  box-shadow:0 0 0 0 rgba(144,67,158,0); pointer-events:none;
  transition:box-shadow .25s;
}
.rlm-card:hover::before{ box-shadow:0 0 0 3px #90439e inset; }

/* Destello ("shine") diagonal */
.rlm-card .media::after{
  content:""; position:absolute; inset:-50% -150% 0 -150%;
  background:linear-gradient(75deg,transparent 30%,rgba(255,255,255,.6) 45%,transparent 60%);
  transform:translateX(-120%); transition:transform .7s ease;
}
.rlm-card:hover .media::after{ transform:translateX(120%); }

/* Botón "Ver" automático (no cambia HTML) */
.rlm-card::after{
  content:"Ver"; position:absolute; left:50%; bottom:10px;
  transform:translate(-50%, 6px); opacity:0;
  background:#90439e; color:#fff; font-weight:700; font-size:.78rem;
  padding:.35rem .6rem; border-radius:999px; transition:.25s;
}
.rlm-card:hover::after{ opacity:1; transform:translate(-50%, 0); }

/* ==== Slick: realce del slide centrado y padding entre slides ==== */
.rlm-hover-xl .slick-slide{ padding:8px; }
.rlm-hover-xl .slick-center .rlm-card{
  transform:scale(1.06);
  box-shadow:0 18px 36px rgba(31,41,55,.22);
}

/* Efecto extra al pasar el cursor */
.rlm-hover-xl .slick-slide:hover .rlm-card{
  transform:scale(1.05) translateY(-6px);
}

/* (opcional) pequeño borde al pasar sobre el título pill */
.rlm-card:hover .title{ background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.12); }

/* Caja del buscador */
#rlmSearch{ position:relative; }
#rlmSearch input{
  flex:1; height:44px; border:1px solid var(--rlm-bord);
  border-radius:999px; padding:0 44px 0 16px; background:#fff;
}
#rlmSearch input:focus{
  border-color:var(--rlm-brand);
  box-shadow:0 0 0 3px rgba(144,67,158,.15);
}

/* Botón 'borrar' en la derecha del input */
#rlmSearchClear{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:28px; height:28px; border:0; border-radius:999px;
  background:#f4f4f5; color:#333; cursor:pointer; font-size:18px; line-height:1;
}
#rlmSearchClear:hover{ background:#eee; }

/* Lista de sugerencias */
.rlm-search-list{
  position:absolute; left:0; right:0; top:calc(100% + 6px);
  background:#fff; border:1px solid var(--rlm-bord); border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  list-style:none; margin:0; padding:6px; max-height:56vh; overflow:auto;
  display:none; z-index:99999;
}
.rlm-search-list.show{ display:block; }
.rlm-search-list li{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:10px; cursor:pointer;
}
.rlm-search-list li:hover, .rlm-search-list li[aria-selected="true"]{
  background:#f7f7f8;
}
.rlm-search-list .k{ color:#6b7280; font-size:.82rem; }
.rlm-search-list mark{
  background:transparent; color:var(--rlm-brand); font-weight:700;
}

/* Si no quieres botón ninguno: */
#rlmSearch #rlmSearchClear{ display:none !important; }

/* =========================
   MEGA: efectos modernos
   ========================= */

/* Base más “card” para cada tile */
#rlm-header-v3 .mega .tile{
  position: relative;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  overflow: hidden;
  transform-style: preserve-3d;
  transform: perspective(900px) rotateX(var(--tiltX,0deg)) rotateY(var(--tiltY,0deg)) 
             translateY(var(--lift,0)) scale(var(--scale,1));
  transition: transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s, filter .28s;
  will-change: transform, box-shadow;
}

/* Borde degradado animado (aparece al hover/focus) */
#rlm-header-v3 .mega .tile::before{
  content:"";
  position: absolute; inset: -1px;
  border-radius: 18px;
  padding: 1px;
  background: conic-gradient(from 0deg, #9f5bd0, #6a5bd0, #4e46e5, #9f5bd0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; /* Safari */
          mask-composite: exclude; /* otros */
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}
#rlm-header-v3 .mega .tile:hover::before,
#rlm-header-v3 .mega .tile:focus-within::before{ opacity: 1; animation: rlm-spin 2.5s linear infinite; }

@keyframes rlm-spin { to { transform: rotate(360deg); } }

/* Imagen: contención + shine diagonal */
#rlm-header-v3 .mega .tile .tile-media{
  position: relative;
  display: block;
  aspect-ratio: 16/9;
  background: #fff;
}
#rlm-header-v3 .mega .tile .tile-media img{
  width: 100%; height: 100%; object-fit: contain;
  transform: scale(1);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), filter .35s;
  will-change: transform;
}
/* “Shine” */
#rlm-header-v3 .mega .tile .tile-media::after{
  content:"";
  position:absolute; inset:-40% -140% 0 -140%;
  background: linear-gradient(75deg,transparent 30%,rgba(255,255,255,.65) 48%,transparent 60%);
  transform: translateX(-120%);
  transition: transform .8s ease;
  pointer-events: none;
}

/* Título estilo pill mejorado */
#rlm-header-v3 .mega .tile .tile-title{
  position:absolute; left:12px; bottom:12px;
  background:#fff; color:#111; border:1px solid #e5e7eb;
  border-radius: 10px; padding:.42rem .64rem; font-weight:700;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
  transition: transform .25s, box-shadow .25s, background .25s, color .25s, border-color .25s;
}

/* HOVER: lift + zoom + glow + shine */
#rlm-header-v3 .mega .tile:hover{
  --lift: -10px;
  --scale: 1.03;
  box-shadow: 0 18px 36px rgba(31,41,55,.22);
}
#rlm-header-v3 .mega .tile:hover .tile-media img{
  transform: scale(1.08) rotateZ(.15deg);
  filter: saturate(1.06);
}
#rlm-header-v3 .mega .tile:hover .tile-media::after{ transform: translateX(120%); }
#rlm-header-v3 .mega .tile:hover .tile-title{
  transform: translateY(-2px);
  border-color: #e2d0f4;
  box-shadow: 0 8px 20px rgba(144,67,158,.18);
}

/* Estado de enfoque accesible */
#rlm-header-v3 .mega .tile:focus-within{
  outline: none;
  box-shadow: 0 0 0 3px rgba(144,67,158,.35), 0 18px 36px rgba(31,41,55,.22);
}

/* Desactivar “tilt” en pantallas táctiles o con reduced-motion */
@media (hover: none){ #rlm-header-v3 .mega .tile{ transform: none !important; } }
@media (prefers-reduced-motion: reduce){
  #rlm-header-v3 .mega .tile,
  #rlm-header-v3 .mega .tile *{ transition: none !important; animation: none !important; }
}
/* === Panel con “glassmorphism” (más WOW) === */
#rlm-header-v3 .mega{
  background: rgba(255,255,255,.78);
  backdrop-filter: saturate(1.15) blur(14px);
  border: 1px solid rgba(255,255,255,.45);
}

/* === Tarjeta base con 3D Tilt y elevación suave === */
#rlm-header-v3 .mega .tile{
  position: relative;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  transform-style: preserve-3d;
  transform: perspective(900px) rotateX(var(--tiltX,0deg)) rotateY(var(--tiltY,0deg))
             translateY(var(--lift,0)) scale(var(--scale,1));
  transition: transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s, filter .28s;
  will-change: transform, box-shadow;
}

/* Borde degradado animado (aparece en hover/focus) */
#rlm-header-v3 .mega .tile::before{
  content:"";
  position: absolute; inset:-1px;
  border-radius: 18px;
  padding: 1px;
  background: conic-gradient(from 0deg, #9f5bd0, #6a5bd0, #4e46e5, #9f5bd0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;          /* Safari */
          mask-composite: exclude;       /* otros */
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}
#rlm-header-v3 .mega .tile:hover::before,
#rlm-header-v3 .mega .tile:focus-within::before{
  opacity: 1; animation: rlm-spin 2.5s linear infinite;
}
@keyframes rlm-spin { to { transform: rotate(360deg); } }

/* Spotlight (en overlay) que sigue al cursor */
#rlm-header-v3 .mega .tile::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(220px 220px at var(--mx,50%) var(--my,50%),
                              rgba(255,255,255,.35), transparent 60%);
  mix-blend-mode: soft-light;
  opacity: 0; transition: opacity .25s ease;
  pointer-events: none;
}
#rlm-header-v3 .mega .tile:hover::after{ opacity: 1; }

/* Imagen contenida + shine diagonal */
#rlm-header-v3 .mega .tile .tile-media{
  position: relative; display:block; aspect-ratio: 16/9; background:#fff;
}
#rlm-header-v3 .mega .tile .tile-media img{
  width:100%; height:100%; object-fit:contain;
  transform: scale(1); transition: transform .35s cubic-bezier(.2,.8,.2,1), filter .35s;
}
#rlm-header-v3 .mega .tile .tile-media::after{
  content:""; position:absolute; inset:-40% -140% 0 -140%;
  background: linear-gradient(75deg,transparent 30%,rgba(255,255,255,.65) 48%,transparent 60%);
  transform: translateX(-120%); transition: transform .8s ease; pointer-events:none;
}

/* Título estilo “pill” con glow */
#rlm-header-v3 .mega .tile .tile-title{
  position:absolute; left:12px; bottom:12px;
  background:#fff; color:#111; border:1px solid #e5e7eb;
  border-radius: 10px; padding:.42rem .64rem; font-weight:700;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
  transition: transform .25s, box-shadow .25s, background .25s, color .25s, border-color .25s;
}

/* Hover: lift + zoom + brillo + shine */
#rlm-header-v3 .mega .tile:hover{
  --lift: -10px; --scale: 1.03;
  box-shadow: 0 18px 36px rgba(31,41,55,.22);
}
#rlm-header-v3 .mega .tile:hover .tile-media img{
  transform: scale(1.08) rotateZ(.15deg);
  filter: saturate(1.06);
}
#rlm-header-v3 .mega .tile:hover .tile-media::after{ transform: translateX(120%); }
#rlm-header-v3 .mega .tile:hover .tile-title{
  transform: translateY(-2px);
  border-color: #e2d0f4;
  box-shadow: 0 8px 20px rgba(144,67,158,.18);
}

/* Ripple al entrar (se crea por JS) */
#rlm-header-v3 .mega .tile .ink{
  position:absolute; width:16px; height:16px; border-radius:50%;
  transform: translate(-50%,-50%) scale(0);
  background: radial-gradient(circle, rgba(255,255,255,.95), rgba(144,67,158,.85) 60%, transparent 70%);
  mix-blend-mode: screen; pointer-events:none;
  animation: rlm-ripple .6s ease-out forwards;
}
@keyframes rlm-ripple{ to{ transform: translate(-50%,-50%) scale(6); opacity:0; } }

/* Mini-confetti sparks al hacer click (se crean por JS) */
#rlm-header-v3 .mega .tile .spark{
  position:absolute; width:6px; height:6px; border-radius:1px;
  background: hsl(var(--hue,280), 90%, 62%);
  transform: translate(-50%,-50%);
  box-shadow: 0 0 8px rgba(255,255,255,.6);
  animation: rlm-spark .65s ease-out forwards;
}
@keyframes rlm-spark{
  from{ opacity:1; transform: translate(-50%,-50%) scale(1) rotate(var(--rot,0deg)); }
  to  { opacity:0; transform: translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px)))
                  scale(.6) rotate(calc(var(--rot,0deg) + 90deg)); }
}

/* Accesible: foco visible y sin mareos si reduced-motion */
#rlm-header-v3 .mega .tile:focus-within{
  outline: none;
  box-shadow: 0 0 0 3px rgba(144,67,158,.35), 0 18px 36px rgba(31,41,55,.22);
}
@media (hover:none){ #rlm-header-v3 .mega .tile{ transform: none !important; } }
@media (prefers-reduced-motion: reduce){
  #rlm-header-v3 .mega .tile, #rlm-header-v3 .mega .tile *{
    transition: none !important; animation: none !important;
  }
}