.elementor-1797 .elementor-element.elementor-element-9899ac0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-1797 .elementor-element.elementor-element-9899ac0:not(.elementor-motion-effects-element-type-background), .elementor-1797 .elementor-element.elementor-element-9899ac0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.reginaeznael.com/wp-content/uploads/2026/02/fondoweb-e1770741693842.png");}.elementor-1797 .elementor-element.elementor-element-9899ac0 > .elementor-container{min-height:89vh;}.elementor-1797 .elementor-element.elementor-element-9899ac0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 40px 40px 40px;}.elementor-1797 .elementor-element.elementor-element-9899ac0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-1797 .elementor-element.elementor-element-450a0b7{text-align:center;}.elementor-1797 .elementor-element.elementor-element-450a0b7 .elementor-heading-title{font-weight:500;text-decoration:none;color:#FFFFFF;}.elementor-1797 .elementor-element.elementor-element-f84eb91:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1797 .elementor-element.elementor-element-f84eb91 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}.elementor-1797 .elementor-element.elementor-element-f84eb91 > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;border-color:#535050;box-shadow:3px 3px 10px 10px rgba(0, 0, 0, 0.39);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#FFFFFF;padding:24px 24px 24px 24px;}.elementor-1797 .elementor-element.elementor-element-f84eb91 > .elementor-element-populated, .elementor-1797 .elementor-element.elementor-element-f84eb91 > .elementor-element-populated > .elementor-background-overlay, .elementor-1797 .elementor-element.elementor-element-f84eb91 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-1797 .elementor-element.elementor-element-f84eb91 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{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-1797 .elementor-element.elementor-element-7c81b06 > .elementor-widget-container{background-color:#555353;margin:0px 0px -20px 0px;padding:5px 5px 0px 0px;}.elementor-1797 .elementor-element.elementor-element-7c81b06{text-align:end;font-family:"Courier Prime", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1797 .elementor-element.elementor-element-38291a6 > .elementor-widget-container{background-color:#000000;margin:-20px 0px 0px 0px;padding:10px 20px 10px 20px;}.elementor-1797 .elementor-element.elementor-element-38291a6{font-family:"Courier Prime", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1797 .elementor-element.elementor-element-b2d8722 > .elementor-widget-container{background-color:#555353;margin:0px 0px -20px 0px;padding:5px 5px 0px 0px;}.elementor-1797 .elementor-element.elementor-element-b2d8722{text-align:end;font-family:"Courier Prime", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1797 .elementor-element.elementor-element-6743e08 > .elementor-widget-container{background-color:#FFFFFF;margin:-20px 0px 0px 0px;padding:10px 20px 10px 20px;}.elementor-1797 .elementor-element.elementor-element-6743e08{font-family:"Courier Prime", Sans-serif;font-weight:400;color:#000000;}.elementor-1797 .elementor-element.elementor-element-0476b97 > .elementor-widget-container{background-color:#555353;margin:0px 0px -20px 0px;padding:5px 5px 0px 0px;}.elementor-1797 .elementor-element.elementor-element-0476b97{text-align:end;font-family:"Courier Prime", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1797 .elementor-element.elementor-element-f27c192 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1797 .elementor-element.elementor-element-e8ab19e > .elementor-widget-container{background-color:#555353;margin:0px 0px -20px 0px;padding:5px 5px 0px 0px;}.elementor-1797 .elementor-element.elementor-element-e8ab19e{text-align:end;font-family:"Courier Prime", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-1797 .elementor-element.elementor-element-3273b31 > .elementor-widget-container{margin:-20px 0px 0px 0px;}@media(max-width:767px){.elementor-1797 .elementor-element.elementor-element-9899ac0{padding:20px 10px 10px 10px;}.elementor-1797 .elementor-element.elementor-element-f84eb91 > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-1797 .elementor-element.elementor-element-6743e08 > .elementor-widget-container{padding:10px 10px 10px 10px;}}/* Start custom CSS for wp-widget-media_audio, class: .elementor-element-f27c192 *//* ===== WINAMP-ish FRAME for Elementor Audio ===== */

/* Caja principal */
.audio-terminal{
  position: relative;
  padding: 18px 18px 14px;

  border: 1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
    radial-gradient(120% 120% at 20% 10%, rgba(0,255,170,.18), rgba(0,0,0,0) 55%),
    radial-gradient(120% 120% at 85% 30%, rgba(0,170,255,.15), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, #1a1a1a, #0b0b0b);
  box-shadow:
    0 18px 45px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.7);
  overflow: hidden;
  margin-top:-20px;
}

/* Bisel interior (sensación de hardware viejo) */
.audio-terminal::before{
  content:"";
  position:absolute;
  inset: 8px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,.65);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 10px 20px rgba(0,0,0,.35);
  pointer-events:none;
}

/* Scanlines sutiles */
.audio-terminal::after{
  content:"";
  position:absolute;
  inset:0;
  background: repeating-linear-gradient(
    180deg,
    rgba(255,255,255,.035) 0px,
    rgba(255,255,255,.035) 1px,
    rgba(0,0,0,0) 3px,
    rgba(0,0,0,0) 6px
  );
  opacity:.25;
  mix-blend-mode: overlay;
  pointer-events:none;
}

/* “Now Playing” LCD */
.audio-terminal .elementor-widget-container{
  position: relative;
  padding-top: 70px; /* deja sitio al LCD */
  padding-bottom:10px;
}

.audio-terminal .elementor-widget-container::before{
  content:"REPRODUCIENDO  • saltan_chispas.wav";
  position:absolute;
  left: 16px;
  right: 16px;
  top: 14px;
  padding: 8px 12px;
  border-radius: 16px;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(190,255,225,.92);
  background: linear-gradient(180deg, #08241c, #04110d);
  border: 1px solid rgba(0,255,170,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 18px rgba(0,255,170,.18);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* El audio nativo: hacerlo grande y encajado */
.audio-terminal .mejs-container{
  width: 100% !important;
  height: 62px; /* puede que el navegador lo limite, pero ayuda */
  border-radius: 18px !important;
  display: block;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.55));
  opacity: .98;
}

/* Si tu tema mete márgenes raros */
.audio-terminal .elementor-widget-container > *{
  margin: 0 !important;
}

/* Modo “botón” extra: cuando el usuario pasa el mouse */
.audio-terminal:hover{
  box-shadow:
    0 22px 60px rgba(0,0,0,.60),
    0 0 0 1px rgba(0,255,170,.22),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.75);
}

/* Responsive */
@media (max-width: 767px){
  .audio-terminal{
    padding: 14px;
    border-radius: 12px;
  }
  .audio-terminal .elementor-widget-container{
    padding-top: 48px;
  }
  .audio-terminal .elementor-widget-container::before{
    font-size: 11px;
    letter-spacing: .10em;
  }
}


/* ====== WINAMP / CRT skin para MediaElement (Elementor Audio) ====== */

/* Contenedor general: más contraste y glow */
.audio-terminal .mejs-container{
  width: 100% !important;
  border-radius: 12px;
  padding: 14px;
  background: linear-gradient(180deg, #2a2a2a 0%, #0a0a0a 55%, #000 100%) !important;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow:
    0 18px 55px rgba(0,0,0,.65),
    0 0 0 1px rgba(0,255,170,.22),
    0 0 28px rgba(0,255,170,.18);
  overflow: hidden;
  position: relative;
}

/* Scanlines + brillo superior */
.audio-terminal .mejs-container::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(120% 90% at 15% 10%, rgba(0,255,170,.25), rgba(0,0,0,0) 55%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.035) 0 1px, rgba(0,0,0,0) 3px 7px);
  opacity:.35;
  pointer-events:none;
}

/* Barra de controles: menos plana */
.audio-terminal .mejs-controls{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(0,0,0,.35)) !important;
  border-radius: 10px;
  padding: 10px 12px !important;
  border: 1px solid rgba(0,255,170,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -10px 25px rgba(0,0,0,.35),
    0 0 20px rgba(0,255,170,.12);
    height: 50px;
}

/* Botones play/pause: más grandes */
.audio-terminal .mejs-button > button{
  transform: scale(1.25);
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.6));
  opacity: .95;
}

/* Tiempo */
.audio-terminal .mejs-time{
  font-family: "Courier New", Courier, monospace !important;
  font-size: 12px !important;
  letter-spacing: .08em;
  color: rgba(190,255,225,.95) !important;
  text-shadow: 0 0 10px rgba(0,255,170,.25);
}

/* Rail (la pista) */
.audio-terminal .mejs-time-rail{
  margin: 0 10px !important;
}

.audio-terminal .mejs-time-total{
  background: rgba(255,255,255,.12) !important;
  border-radius: 999px !important;
  height: 10px !important;
  box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
}

/* Progreso */
.audio-terminal .mejs-time-current{
  background: linear-gradient(90deg, #00ffae, #00a6ff) !important;
  border-radius: 999px !important;
  height: 10px !important;
  box-shadow: 0 0 18px rgba(0,255,170,.35);
}

/* Buffer */
.audio-terminal .mejs-time-loaded{
  background: rgba(0,255,170,.18) !important;
  border-radius: 999px !important;
  height: 10px !important;
}

/* Handle (si aparece en tu versión) */
.audio-terminal .mejs-time-handle,
.audio-terminal .mejs-time-handle-content{
  border-color: rgba(0,255,170,.9) !important;
}

/* Volumen: que no sea un palito triste */
.audio-terminal .mejs-horizontal-volume-total{
  background: rgba(255,255,255,.14) !important;
  border-radius: 999px !important;
  height: 8px !important;
  box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
}
.audio-terminal .mejs-horizontal-volume-current{
  background: linear-gradient(90deg, #00ffae, #a0ffd8) !important;
  border-radius: 999px !important;
  height: 8px !important;
  box-shadow: 0 0 14px rgba(0,255,170,.25);
}

/* Iconos un pelín más visibles */
.audio-terminal .mejs-controls .mejs-button button{
  opacity: .95;
}

/* Hover: que “encienda” */
.audio-terminal .mejs-container:hover{
  box-shadow:
    0 22px 70px rgba(0,0,0,.70),
    0 0 0 1px rgba(0,255,170,.30),
    0 0 40px rgba(0,255,170,.25);
}/* End custom CSS */