/* LunAI · botones CTA — estilo transparente/glassy (Jas Do It) */
/* Adaptativo: hereda el color de texto de la sección (currentColor) => legible en fondos claros y oscuros */
.lj-btn{position:relative;display:inline-flex;align-items:center;gap:13px;min-height:58px;padding:0 22px 0 8px;border-radius:16px;cursor:pointer;text-decoration:none;color:inherit;border:0;
  background:color-mix(in srgb, currentColor 13%, transparent);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 10px 24px -12px rgba(0,0,0,.35);
  transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s ease;-webkit-tap-highlight-color:transparent}
.lj-btn:hover{transform:translateY(-3px);background:color-mix(in srgb, currentColor 20%, transparent)}
.lj-btn:active{transform:translateY(-1px) scale(.99)}
.lj-chip{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb, currentColor 18%, transparent);border:0;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.lj-btn:hover .lj-chip{transform:scale(1.06)}
.lj-chip svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.lj-lbl{font-size:12.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:inherit;white-space:nowrap}
.lj-chev{font-size:19px;font-weight:700;line-height:1;color:inherit;opacity:.8;margin-left:2px;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.lj-btn:hover .lj-chev{transform:translateX(3px)}
/* Variantes: todas resuelven al mismo estilo transparente (compatibilidad con el HTML existente) */
.g-clay,.g-gold,.g-brown,.g-peach,.g-ghost,.g-clear{background:color-mix(in srgb, currentColor 13%, transparent);border:0}
.g-clay:hover,.g-gold:hover,.g-brown:hover,.g-peach:hover,.g-ghost:hover,.g-clear:hover{background:color-mix(in srgb, currentColor 20%, transparent)}
.g-brown .lj-chip svg,.g-clay .lj-chip svg,.g-gold .lj-chip svg,.g-peach .lj-chip svg{stroke:currentColor}
.lj-nav{min-height:40px;gap:9px;padding:0 15px 0 5px;border-radius:999px;box-shadow:0 6px 16px -10px rgba(0,0,0,.3)}
.lj-nav:hover{transform:translateY(-2px)}
.lj-nav .lj-chip{width:30px;height:30px}.lj-nav .lj-chip svg{width:15px;height:15px}
.lj-nav .lj-lbl{font-size:11px;letter-spacing:.1em}.lj-nav .lj-chev{font-size:15px}
@media(max-width:600px){.lj-btn{width:100%;max-width:420px;justify-content:flex-start}.lj-lbl{white-space:normal}.lj-nav{width:auto}}
/* CTA del menú móvil (drawer oscuro) => transparente/glassy claro, consistente con el resto */
.mob-cta{background:rgba(255,244,236,.18)!important;color:#F4E8D4!important;border:0!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1}
.mob-cta:hover{background:rgba(255,244,236,.2)!important;color:#FFF!important}
/* Textura jeroglíficos — SOLO detrás de fondos claros/texto, NUNCA sobre imágenes ni tarjetas.
   z-index:0 => queda sobre fondos y texto estáticos, pero DEBAJO de todo contenedor posicionado con z-index (cards, heros, media). */
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url(./hieroglyphs.jpg);background-size:440px auto;background-repeat:repeat;opacity:.18;mix-blend-mode:multiply}
@media(prefers-reduced-motion:reduce){body::after{opacity:.14}}
/* red de seguridad: TODA imagen + tarjetas/cajas/botones/campos SIEMPRE sobre la textura (nunca runas encima).
   position:relative fuerza el apilado en contenedores que eran static (el z-index solo no basta). */
:where(img,picture,video,canvas,figure,.card,.prog-card,.hover-lift,.explora-grid a,.vhero,.vgrid,.vcard,.tp-rows,.tp-col,.testi-portal,.tcard,.tcard-media,.hl-item,.hl-media,.forwho-media,.story-photo,.story-grid,.gal-item,.gal-grid,.gcard,.dest-card,.exp-card,.feat){position:relative;z-index:1}
.lj-btn,.nav-cta,.btn,button,input,textarea,select,label{position:relative;z-index:1}
/* Cursor mini pirámide egipcia — toda la web */
html{cursor:url(./cursor-pyramid.png) 16 3, auto}
a,button,[role=button],summary,label,select,.lj-btn,.prog-card,.prog-poster,.card,.hover-lift,.wa-float,.testi-portal,.nav-cta,.nav-burger,.jdfaq-launch,.jdfaq-chip,.btn{cursor:url(./cursor-pyramid.png) 16 3, pointer}
input,textarea{cursor:text}
/* Sin cursiva en toda la web */
em,i,cite,blockquote,address,.foot-tag,.lead em{font-style:normal}
/* Selector de idioma (páginas estáticas) */
.jdt-lang{display:inline-flex;gap:2px;background:color-mix(in srgb,currentColor 10%,transparent);border-radius:999px;padding:3px;align-items:center;flex:0 0 auto}
.jdt-lang button{border:0;background:transparent;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:.05em;color:inherit;opacity:.55;padding:5px 8px;border-radius:999px;line-height:1;transition:opacity .25s,background .25s,color .25s}
.jdt-lang button.on{background:#C57D56;color:#fff;opacity:1}
.jdt-lang button:hover{opacity:1}
.nav-mob .jdt-lang{margin-top:26px;transform:scale(1.25)}