/* EXYTOSA V33
   1) Texto enriquecido en descripciones (fuentes, tamaños, colores, enlaces)
   2) Reproductor de vídeo propio con borde neón
   3) Menús: raya + brillo al pasar el mouse (como las tarjetas de producto)
   4) Carrusel de tendencias más grande por dispositivo
   5) Mp3 + parlantes: más grandes en móvil y botón play/pausa metálico con borde de color
   6) Panel admin: barra de edición y botón de redirección de menús */

/* ───────── 1) Texto enriquecido ───────── */
.exy-f-serif{font-family:Georgia,'Times New Roman',serif}
.exy-f-mono{font-family:'Courier New',ui-monospace,Menlo,monospace}
.exy-f-script{font-family:'Brush Script MT','Segoe Script','Lucida Handwriting','Snell Roundhand',cursive;font-size:1.18em;line-height:1.2}
.exy-f-display{font-family:Impact,'Arial Black','Segoe UI Black','Roboto Condensed',sans-serif;letter-spacing:.03em;font-weight:400}
.exy-f-rounded{font-family:'Trebuchet MS','Segoe UI',Roboto,system-ui,sans-serif}
.exy-f-elegant{font-family:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;font-style:italic;letter-spacing:.01em}
.exy-s-sm{font-size:.85em}.exy-s-lg{font-size:1.25em;line-height:1.35}.exy-s-xl{font-size:1.6em;line-height:1.25}.exy-s-xxl{font-size:2.1em;line-height:1.15}
.exy-c-green{color:#16d27a}.exy-c-blue{color:#4f9bff}.exy-c-cyan{color:#18d4ee}.exy-c-gold{color:#f1b93b}
.exy-c-orange{color:#ff8a2b}.exy-c-red{color:#ff4d5e}.exy-c-pink{color:#ff5fb2}.exy-c-purple{color:#b27cff}.exy-c-white{color:#fff}
html[data-theme="light"] .exy-c-green{color:#0a8f4f}html[data-theme="light"] .exy-c-blue{color:#1856d8}
html[data-theme="light"] .exy-c-cyan{color:#08819a}html[data-theme="light"] .exy-c-gold{color:#a86d00}
html[data-theme="light"] .exy-c-orange{color:#c24f00}html[data-theme="light"] .exy-c-red{color:#c91f31}
html[data-theme="light"] .exy-c-pink{color:#c2287f}html[data-theme="light"] .exy-c-purple{color:#6d3bd2}
html[data-theme="light"] .exy-c-white{color:#10151e}

/* Enlaces con redirección: más gruesos y con color propio */
.product-description-rich a,.prod-desc a,.terms-box .tbody a,.exy-rte-preview a{
  font-weight:800;color:#2bf08c;text-decoration:none;border-bottom:1.5px dashed currentColor;
  padding-bottom:1px;text-shadow:0 0 12px rgba(0,230,118,.32);transition:color .18s,text-shadow .18s,border-color .18s}
.product-description-rich a:hover,.prod-desc a:hover,.terms-box .tbody a:hover,.exy-rte-preview a:hover,
.product-description-rich a:focus-visible,.prod-desc a:focus-visible{color:#8bffc4;border-bottom-style:solid;text-shadow:0 0 16px rgba(0,230,118,.6)}
.product-description-rich a[target="_blank"]::after,.prod-desc a[target="_blank"]::after{content:"\2197";font-size:.78em;margin-left:2px;opacity:.85}
html[data-theme="light"] .product-description-rich a,html[data-theme="light"] .prod-desc a,html[data-theme="light"] .terms-box .tbody a{color:#0a8f4f;text-shadow:none}
html[data-theme="light"] .product-description-rich a:hover,html[data-theme="light"] .prod-desc a:hover{color:#046238}

/* ───────── 2) Reproductor de vídeo con borde neón ───────── */
.exy-video{--vid-neon:var(--green,#00e676);display:block;width:100%;max-width:720px;margin:24px auto;text-align:left;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.exy-video.is-vertical{max-width:340px}
.exy-video-frame{position:relative;padding:3px;border-radius:18px;
  background:linear-gradient(135deg,var(--vid-neon),color-mix(in srgb,var(--vid-neon) 30%,#0000) 45%,var(--vid-neon));
  box-shadow:0 0 10px color-mix(in srgb,var(--vid-neon) 75%,transparent),0 0 30px color-mix(in srgb,var(--vid-neon) 35%,transparent),0 14px 34px rgba(0,0,0,.35);
  animation:exyVidNeon 3.8s ease-in-out infinite}
.exy-video-ratio{position:relative;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#03060b}
.exy-video.is-vertical .exy-video-ratio{aspect-ratio:9/16;max-height:80vh}
.exy-video iframe,.exy-video video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
.exy-video-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--vid-neon);font-weight:800;font-size:15px;text-decoration:none!important;border:0!important;text-shadow:0 0 14px var(--vid-neon)}
.exy-video figcaption{display:flex;flex-direction:column;gap:4px;padding:12px 4px 0;border-left:0;text-align:left}
.exy-video-title{font-size:16px;font-weight:850;line-height:1.3;color:var(--txt,#e8eef7);letter-spacing:.01em;text-shadow:0 0 14px color-mix(in srgb,var(--vid-neon) 40%,transparent)}
.exy-video-title::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--vid-neon);box-shadow:0 0 10px var(--vid-neon);vertical-align:middle}
.exy-video-desc{font-size:13px;line-height:1.55;color:var(--txt2,#9aa6b8)}
@keyframes exyVidNeon{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
@media(max-width:640px){.exy-video{margin:18px auto}.exy-video-frame{border-radius:14px;padding:2px}.exy-video-ratio{border-radius:12px}.exy-video-title{font-size:14.5px}.exy-video-desc{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){.exy-video-frame{animation:none}}

/* ───────── 3) Menús: raya + brillo al pasar el mouse ───────── */
/* Menú superior (navbar) */
.navbar .nav-links .exy-nav-item{overflow:hidden;isolation:isolate}
.navbar .nav-links .exy-nav-item::before{content:"";position:absolute;z-index:0;top:-60%;bottom:-60%;left:-45%;width:28%;pointer-events:none;
  transform:rotate(18deg) translateX(-250%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:transform .7s ease}
.navbar .nav-links .exy-nav-item:hover::before,.navbar .nav-links .exy-nav-item:focus-visible::before{transform:rotate(18deg) translateX(620%)}
.navbar .nav-links .exy-nav-item::after{display:block!important;content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgb(var(--nb,0,230,118)),transparent);box-shadow:0 0 9px rgba(var(--nb,0,230,118),.75);transform:scaleX(0);transition:transform .25s ease}
.navbar .nav-links .exy-nav-item:hover::after,.navbar .nav-links .exy-nav-item:focus-visible::after,.navbar .nav-links .exy-nav-item.is-active::after{transform:scaleX(1)}
.navbar .nav-links .exy-nav-item:hover,.navbar .nav-links .exy-nav-item:focus-visible{box-shadow:0 0 16px rgba(var(--nb,0,230,118),.18)}

/* Barra de categorías (Todos, PREMIUM, ...) */
.cat-item{position:relative;overflow:hidden;isolation:isolate}
.cat-item::before{content:"";position:absolute;z-index:-1;top:-60%;bottom:-60%;left:-45%;width:28%;pointer-events:none;
  transform:rotate(18deg) translateX(-250%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transition:transform .7s ease}
.cat-item:hover::before,.cat-item:focus-visible::before{transform:rotate(18deg) translateX(620%)}
.cat-item::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#00e676,transparent);box-shadow:0 0 9px rgba(0,230,118,.7);transform:scaleX(0);transition:transform .25s ease}
.cat-item:hover::after,.cat-item.active-cat::after{transform:scaleX(1)}

/* Tarjetas del menú principal (portada) */
#experienceMenu .experience-card .exy-shine{position:absolute;z-index:1;top:-60%;bottom:-60%;left:-45%;width:26%;pointer-events:none;
  transform:rotate(18deg) translateX(-250%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:transform .8s ease}
#experienceMenu .experience-card:hover .exy-shine,#experienceMenu .experience-card:focus-visible .exy-shine{transform:rotate(18deg) translateX(700%)}
#experienceMenu .experience-card .exy-line{position:absolute;z-index:2;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--menu-color),transparent);box-shadow:0 0 12px var(--menu-color);transform:scaleX(0);transition:transform .3s ease}
#experienceMenu .experience-card:hover .exy-line,#experienceMenu .experience-card:focus-visible .exy-line,#experienceMenu .experience-card.active .exy-line{transform:scaleX(1)}
#experienceMenu .experience-card.is-redirect::before{content:"\279C"}

/* Subcategorías */
.category-subnav button,.experience-subnav button{position:relative;overflow:hidden;isolation:isolate;transition:.22s}
.category-subnav button::before,.experience-subnav button::before{content:"";position:absolute;z-index:-1;top:-60%;bottom:-60%;left:-45%;width:30%;pointer-events:none;
  transform:rotate(18deg) translateX(-250%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:transform .7s ease}
.category-subnav button:hover::before,.experience-subnav button:hover::before{transform:rotate(18deg) translateX(620%)}
.category-subnav button:hover,.experience-subnav button:hover{border-color:#00e676;color:var(--txt);box-shadow:0 0 14px rgba(0,230,118,.18)}
@media(prefers-reduced-motion:reduce){
  .navbar .nav-links .exy-nav-item::before,.cat-item::before,#experienceMenu .experience-card .exy-shine,.category-subnav button::before,.experience-subnav button::before{display:none}
  .navbar .nav-links .exy-nav-item::after,.cat-item::after,#experienceMenu .experience-card .exy-line{transition:none}
}

/* ───────── 4) Carrusel de tendencias: más grande, ajustado a cada pantalla ───────── */
.trend24-viewport{padding:6px 18px 20px}
.trend24-track{gap:12px}
.trend24-track .card{width:248px;flex:0 0 248px;border-radius:12px}
.trend24-track .card-img{height:150px}
.trend24-track .card-body{padding:11px 11px 16px}
.trend24-track .card-title{min-height:34px;margin-bottom:6px;font-size:12.5px;line-height:1.35}
.trend24-track .trend24-sales{gap:4px;margin:0 0 6px;padding:4px 7px;font-size:8.5px}
.trend24-track .trend24-sales::before{font-size:10px}
.trend24-track .price-row{gap:4px;margin-bottom:8px}
.trend24-track .price-main{font-size:17px}
.trend24-track .price-old,.trend24-track .price-usd{font-size:10px}
.trend24-track .card-buy{padding:9px 6px;border-radius:7px;font-size:11.5px}
.trend24-track .stock-badge{top:7px;right:7px;padding:3px 6px;font-size:8.5px}
.trend24-track .product-badge-stack{top:7px;left:7px;gap:3px;max-width:calc(100% - 70px)}
.trend24-track .renov-tag,.trend24-track .new-tag,.trend24-track .offer-tag-card{padding:4px 6px;font-size:7.5px}
.trend24-head .carousel-arrow{width:34px;height:34px;font-size:17px}
@media(max-width:1024px){
  .trend24-track .card{width:226px;flex-basis:226px}
  .trend24-track .card-img{height:136px}
  .trend24-track .card-title{font-size:12px}
  .trend24-track .price-main{font-size:16px}
}
@media(max-width:760px){
  .trend24-viewport{padding:5px 10px 18px}
  .trend24-track{gap:9px}
  .trend24-track .card{width:190px;flex-basis:190px}
  .trend24-track .card-img{height:112px}
  .trend24-track .card-body{padding:9px 9px 14px}
  .trend24-track .card-title{min-height:30px;font-size:11.5px}
  .trend24-track .trend24-sales{font-size:7.5px;padding:3px 6px}
  .trend24-track .price-main{font-size:15px}
  .trend24-track .price-old,.trend24-track .price-usd{font-size:9px}
  .trend24-track .card-buy{padding:8px 5px;font-size:10.5px}
  .trend24-track .stock-badge{font-size:7.5px}
  .trend24-track .renov-tag,.trend24-track .new-tag,.trend24-track .offer-tag-card{font-size:6.5px}
  .trend24-head .carousel-arrow{width:30px;height:30px;font-size:15px}
}
@media(max-width:420px){
  .trend24-track .card{width:172px;flex-basis:172px}
  .trend24-track .card-img{height:102px}
  .trend24-track .card-title{font-size:11px}
  .trend24-track .price-main{font-size:14px}
}
@media(max-width:370px){
  .trend24-track .card{width:158px;flex-basis:158px}
  .trend24-track .card-img{height:94px}
}

/* ───────── 5) Mp3 + parlantes ───────── */
/* Pantalla de inicio: reproductor y parlantes más grandes */
#wilyRadioMount:not(.is-compact){max-width:560px;gap:18px}
#wilyRadioMount:not(.is-compact) .wily-radio{width:400px;flex:1 1 400px;padding:13px 17px;gap:12px;grid-template-columns:minmax(0,1fr) 58px 42px}
#wilyRadioMount:not(.is-compact) .wily-radio-play{width:58px;height:58px;font-size:22px}
#wilyRadioMount:not(.is-compact) .wily-radio-brand{font-size:7px}
#wilyRadioMount:not(.is-compact) .wily-radio-title{font-size:11px}
#wilyRadioMount:not(.is-compact) .wily-radio-song{font-size:11px}
#wilyRadioMount:not(.is-compact) .wily-radio-state{font-size:8.5px}
#wilyRadioMount:not(.is-compact) .wily-radio-screen{padding:7px 9px}
#wilyRadioMount:not(.is-compact) .wily-radio-volume{width:42px}
#wilyRadioMount:not(.is-compact) .wily-speaker{width:62px;flex-basis:62px}
#wilyRadioMount:not(.is-compact) .wily-speaker-case{height:96px;padding:7px 3px}
#wilyRadioMount:not(.is-compact) .wily-speaker-cone{width:44px;height:44px}
#wilyRadioMount:not(.is-compact) .wily-speaker-cone i{width:28px;height:28px}
#wilyRadioMount:not(.is-compact) .wily-speaker-wire{width:36px;top:56px}
@media(max-width:600px){
  #wilyRadioMount:not(.is-compact){max-width:420px;gap:7px;padding-inline:2px}
  #wilyRadioMount:not(.is-compact) .wily-radio{width:auto;min-width:0;flex:1 1 0;padding:11px 11px;gap:8px;grid-template-columns:minmax(0,1fr) 50px 34px}
  #wilyRadioMount:not(.is-compact) .wily-radio-play{width:50px;height:50px;font-size:19px}
  #wilyRadioMount:not(.is-compact) .wily-radio-brand{font-size:6.5px;letter-spacing:.04em}
  #wilyRadioMount:not(.is-compact) .wily-radio-title{font-size:10.5px}
  #wilyRadioMount:not(.is-compact) .wily-radio-song{font-size:10.5px}
  #wilyRadioMount:not(.is-compact) .wily-radio-state{font-size:8px}
  #wilyRadioMount:not(.is-compact) .wily-radio-screen{padding:6px 7px}
  #wilyRadioMount:not(.is-compact) .wily-radio-volume{width:34px}
  #wilyRadioMount:not(.is-compact) .wily-speaker{width:46px;flex-basis:46px}
  #wilyRadioMount:not(.is-compact) .wily-speaker-case{height:84px;padding:5px 2px;border-width:2px}
  #wilyRadioMount:not(.is-compact) .wily-speaker-cone{width:33px;height:33px;border-width:2px}
  #wilyRadioMount:not(.is-compact) .wily-speaker-cone i{width:21px;height:21px}
  #wilyRadioMount:not(.is-compact) .wily-speaker-wire{width:20px;top:48px}
}
@media(max-width:360px){
  #wilyRadioMount:not(.is-compact) .wily-speaker{width:40px;flex-basis:40px}
  #wilyRadioMount:not(.is-compact) .wily-speaker-case{height:76px}
  #wilyRadioMount:not(.is-compact) .wily-speaker-cone{width:29px;height:29px}
  #wilyRadioMount:not(.is-compact) .wily-radio{grid-template-columns:minmax(0,1fr) 46px 30px;padding:10px 9px}
  #wilyRadioMount:not(.is-compact) .wily-radio-play{width:46px;height:46px}
}
@media(min-width:900px){
  #wilyRadioMount:not(.is-compact){max-width:620px}
  #wilyRadioMount:not(.is-compact) .wily-radio{width:450px;flex-basis:450px}
}

/* Al navegar (reproductor compacto): botón play/pausa visible, metálico y con borde del color del mp3 */
#wilyRadioMount.is-compact .wily-radio{
  --ring:color-mix(in srgb,var(--radio-shell,#303c52) 60%,#fff);
  border:2px solid var(--ring);min-height:52px;padding:3px 6px 3px 12px;
  box-shadow:0 0 0 1px #0007,0 0 14px color-mix(in srgb,var(--radio-shell,#303c52) 55%,transparent),inset 0 1px 1px #ffffff30}
#wilyRadioMount.is-compact .wily-radio .wily-radio-play{
  flex:0 0 46px;width:46px;height:46px;border-radius:50%;
  border:3px solid color-mix(in srgb,var(--radio-shell,#303c52) 55%,#e7edf2);
  background:conic-gradient(from 20deg,var(--radio-shell,#303c52),#ffffffbb,var(--radio-shell,#303c52),#0009,var(--radio-shell,#303c52),#ffffffbb,var(--radio-shell,#303c52));
  color:#fff;font-size:18px;font-weight:800;line-height:1;text-shadow:0 1px 3px #000,0 0 6px #0008;
  box-shadow:inset 0 0 0 5px #0004,inset 0 2px 3px #ffffff80,0 0 0 2px #080b10,0 0 12px color-mix(in srgb,var(--radio-shell,#303c52) 65%,transparent),0 3px 6px #0009;
  cursor:pointer;transition:transform .12s,box-shadow .2s}
#wilyRadioMount.is-compact .wily-radio .wily-radio-play:hover{box-shadow:inset 0 0 0 5px #0004,inset 0 2px 3px #fff,0 0 0 2px #080b10,0 0 18px var(--radio-shell,#303c52),0 3px 6px #0009}
#wilyRadioMount.is-compact .wily-radio .wily-radio-play:active{transform:translateY(1px) scale(.97);box-shadow:inset 0 0 0 5px #0006,inset 0 3px 5px #000a,0 0 0 2px #080b10}
#wilyRadioMount.is-compact .wily-radio.is-playing .wily-radio-play{box-shadow:inset 0 0 0 5px #0004,inset 0 2px 3px #ffffff80,0 0 0 2px #080b10,0 0 20px var(--radio-shell,#303c52),0 3px 6px #0009}
#wilyRadioMount.is-compact .wily-radio-mode{width:40px;height:40px;flex:0 0 40px;border:2px solid var(--ring,#ffffff40);box-shadow:0 0 8px color-mix(in srgb,var(--radio-shell,#303c52) 40%,transparent)}
#wilyRadioMount.is-compact .wily-radio-compact-label svg{width:22px;height:22px;color:color-mix(in srgb,var(--radio-shell,#303c52) 40%,#fff)}
#wilyRadioMount.is-compact .wily-radio-compact-label{font-size:12px}
#wilyRadioMount.is-compact.is-floating{width:224px}
#wilyRadioMount.is-floating .wily-radio .wily-radio-drag{flex:0 0 40px;width:40px;height:40px}
@media(max-width:520px){
  #wilyRadioMount.is-compact .wily-radio{width:min(300px,100%)}
  #wilyRadioMount.is-compact .wily-radio .wily-radio-play{flex-basis:48px;width:48px;height:48px;font-size:19px}
}
@media(prefers-reduced-motion:reduce){#wilyRadioMount.is-compact .wily-radio .wily-radio-play{transition:none}}

/* ───────── 6) Panel admin ───────── */
.exy-rte{border:1px solid var(--border,#26303f);border-bottom:0;border-radius:10px 10px 0 0;background:var(--bg3,#0d1320);padding:7px}
.exy-rte-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.exy-rte button,.exy-rte select{height:32px;border:1px solid var(--border,#26303f);border-radius:7px;background:var(--bg2,#101923);color:var(--txt,#e8eef7);font:inherit;font-size:12px;padding:0 9px;cursor:pointer}
.exy-rte button:hover,.exy-rte select:hover,.exy-rte button.is-on{border-color:#00e676;color:#00e676}
.exy-rte select{max-width:128px;padding:0 4px}
.exy-rte-panel{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:7px;padding:8px;border:1px dashed var(--border,#26303f);border-radius:8px}
.exy-rte-panel[hidden],.exy-rte-preview[hidden]{display:none}
.exy-rte-panel input[data-k]{flex:1 1 180px;min-width:0;height:32px;border:1px solid var(--border,#26303f);border-radius:7px;background:var(--bg2,#101923);color:var(--txt,#e8eef7);padding:0 9px;font:inherit;font-size:12px}
.exy-rte-panel input[type=color]{flex:0 0 42px;width:42px;padding:2px}
.exy-rte-color{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--txt2,#9aa6b8)}
.exy-rte .exy-rte-ok{background:#00e676;color:#04140b;border-color:#00e676;font-weight:800}
.exy-rte-preview{margin-top:7px;padding:12px;border:1px solid var(--border,#26303f);border-radius:8px;background:var(--bg2,#101923);max-height:360px;overflow:auto;text-align:left}
.exy-rte+textarea{border-top-left-radius:0!important;border-top-right-radius:0!important;min-height:140px}
.experience-admin-row .eam-redirect{display:flex;flex-direction:column;gap:5px;padding:8px;border:1px dashed color-mix(in srgb,#00e676 45%,transparent);border-radius:9px;background:rgba(0,230,118,.04)}
.experience-admin-row .eam-redirect-label{font-size:11px;font-weight:700;color:var(--txt,#e8eef7)}
.experience-admin-row .eam-redirect-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.experience-admin-row .eam-redirect-ctl .eam-redirect-url{flex:1 1 260px;width:auto}
.experience-admin-row .eam-redirect-blank{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--txt2,#9aa6b8);white-space:nowrap}
.experience-admin-row .eam-redirect-blank input{width:auto}