.elementor-1030 .elementor-element.elementor-element-d79dc46{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1030:not(.elementor-motion-effects-element-type-background), .elementor-1030 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1030 .elementor-element.elementor-element-d79dc46{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-9dd2d25 */<!-- ===== MOTOS Y LETRAS · HEADER (pegar completo en un widget HTML de Elementor) ===== -->
<style>
.ml-dark-header{
  --ml-bg:#070707;
  --ml-bg-soft:#0b0b0b;
  --ml-gold:#d4a056;
  --ml-gold-line:rgba(212,160,86,.35);
  --ml-text:#f4efe7;
  --ml-white:#fff;
  --ml-ease:.25s ease;

  position:sticky;
  top:0;
  z-index:9999;
  background:var(--ml-bg) !important;
  border-bottom:1px solid var(--ml-gold-line) !important;
  font-family:Georgia,"Times New Roman",serif;
}

/* Reset defensivo: anula paddings/márgenes que inyecta el tema o Elementor */
.ml-dark-header *,
.ml-dark-header *::before,
.ml-dark-header *::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

.ml-dark-header .ml-header-inner{
  position:relative;
  width:min(1500px,95%);
  height:86px;
  margin:0 auto;
  display:flex !important;
  align-items:center !important;
  gap:22px;
}

/* Logo */
.ml-dark-header .ml-logo{flex:0 0 auto;display:flex;align-items:center;text-decoration:none !important;}
.ml-dark-header .ml-logo img{height:100px;width:auto;display:block;}
/* Si tu logo es NEGRO y no se ve sobre el fondo oscuro, descomenta la línea de abajo
   para volverlo claro: */
/* .ml-dark-header .ml-logo img{filter:invert(1) brightness(2);} */

/* Contenedor menú + redes */
.ml-dark-header .ml-collapse{
  flex:1;
  min-width:0;
  display:flex !important;
  align-items:center !important;
  gap:22px;
}

/* Menú + flechas */
.ml-dark-header .ml-menu-wrap{
  flex:1;
  min-width:0;
  display:flex !important;
  align-items:center !important;
  gap:10px;
}
.ml-dark-header .ml-menu{
  flex:1;
  min-width:0;
  display:flex !important;
  align-items:center !important;
  gap:26px;
  overflow-x:auto;
  white-space:nowrap;
  scroll-behavior:smooth;
  scrollbar-width:none;
  --fade:30px;
  mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent 100%);
}
.ml-dark-header .ml-menu.at-start{mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - var(--fade)),transparent 100%);}
.ml-dark-header .ml-menu.at-end{mask-image:linear-gradient(90deg,transparent 0,#000 var(--fade),#000 100%);}
.ml-dark-header .ml-menu.at-start.at-end{mask-image:none;}
.ml-dark-header .ml-menu::-webkit-scrollbar{display:none;}

.ml-dark-header .ml-menu a{
  position:relative;
  display:inline-block;
  color:var(--ml-text) !important;
  text-decoration:none !important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  line-height:1.2;
  transition:color var(--ml-ease);
}
.ml-dark-header .ml-menu a:hover,
.ml-dark-header .ml-menu a:focus-visible{color:var(--ml-gold) !important;outline:none;}
.ml-dark-header .ml-menu a::after{
  content:"";
  position:absolute;
  left:0;bottom:-9px;
  width:0;height:1px;
  background:var(--ml-gold) !important;
  transition:width var(--ml-ease);
}
.ml-dark-header .ml-menu a:hover::after,
.ml-dark-header .ml-menu a:focus-visible::after{width:100%;}

/* Flechas — blindadas en tamaño Y color contra el tema */
.ml-dark-header .ml-nav-btn{
  flex:0 0 auto !important;
  width:34px !important;
  height:34px !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(212,160,86,.38) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.03) !important;
  color:var(--ml-gold) !important;
  font:400 24px/1 Georgia,"Times New Roman",serif !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  vertical-align:middle !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  box-shadow:none !important;
  cursor:pointer;
  transition:background var(--ml-ease),color var(--ml-ease),opacity var(--ml-ease);
}
.ml-dark-header .ml-nav-btn:hover{background:var(--ml-gold) !important;color:#000 !important;}

/* Redes */
.ml-dark-header .ml-social{flex:0 0 auto;display:flex !important;align-items:center !important;gap:10px;}
.ml-dark-header .ml-social a{
  color:var(--ml-gold) !important;
  border:1px solid var(--ml-gold-line) !important;
  border-radius:999px;
  padding:9px 13px !important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:12px;
  line-height:1;
  text-decoration:none !important;
  white-space:nowrap;
  transition:background var(--ml-ease),color var(--ml-ease);
}
.ml-dark-header .ml-social a:hover{background:var(--ml-gold) !important;color:#000 !important;}

/* Hamburguesa */
.ml-dark-header .ml-menu-toggle{display:none !important;}
.ml-dark-header .ml-hamburger{
  display:none;
  width:34px;height:24px;
  position:relative;
  cursor:pointer;
  margin-left:auto;
}
.ml-dark-header .ml-hamburger span{
  position:absolute;left:0;
  display:block;width:100%;height:2px;
  background:var(--ml-white) !important;
  transition:transform .3s ease,opacity .3s ease,top .3s ease;
}
.ml-dark-header .ml-hamburger span:nth-child(1){top:2px;}
.ml-dark-header .ml-hamburger span:nth-child(2){top:11px;}
.ml-dark-header .ml-hamburger span:nth-child(3){top:20px;}

/* Responsive */
@media(max-width:1100px){
  .ml-dark-header .ml-header-inner{
    height:auto;
    min-height:78px;
    flex-wrap:wrap;
    row-gap:0;
  }
  html body .ml-dark-header .ml-hamburger{display:block !important;}
  html body .ml-dark-header .ml-hamburger span{background:#ffffff !important;}

  /* El menú ahora va EN FLUJO: empuja la sección de abajo y nunca queda tapado */
  .ml-dark-header .ml-collapse{
    display:none !important;
    width:100%;
    flex-basis:100%;
    flex-direction:column;
    align-items:stretch !important;
    gap:0;
    margin:0;
    padding:6px 0 18px !important;
    border-top:1px solid rgba(212,160,86,.20);
  }
  .ml-dark-header .ml-menu-toggle:checked ~ .ml-collapse{display:flex !important;}

  .ml-dark-header .ml-menu-wrap{width:100%;}
  .ml-dark-header .ml-nav-btn{display:none !important;}

  .ml-dark-header .ml-menu{
    flex-direction:column;
    align-items:flex-start !important;
    gap:0;
    overflow:visible;
    mask-image:none;
    width:100%;
    max-height:65vh;
    overflow-y:auto;
  }
  .ml-dark-header .ml-menu a{
    width:100%;
    padding:14px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .ml-dark-header .ml-social{margin-top:16px;}

  .ml-dark-header .ml-menu-toggle:checked ~ .ml-hamburger span:nth-child(1){top:11px;transform:rotate(45deg);}
  .ml-dark-header .ml-menu-toggle:checked ~ .ml-hamburger span:nth-child(2){opacity:0;}
  .ml-dark-header .ml-menu-toggle:checked ~ .ml-hamburger span:nth-child(3){top:11px;transform:rotate(-45deg);}
}
</style>/* End custom CSS */