/* =========================================================
   HEADER (GLOBAL): que el dropdown no quede recortado
   ========================================================= */
header.elementor-location-header{
  position: relative;
  overflow: visible !important;
  z-index: 999999 !important;
}

/* =========================================================
   MENÚ MÓVIL: OVERLAY BAJO HAMBURGUESA (1 SOLO BLOQUE)
   ========================================================= */
@media (max-width:768px){

  /* Asegura stacking del toggle */
  header.elementor-location-header .elementor-menu-toggle{
    position: relative;
    z-index: 1000000 !important;
  }

  /* El widget como referencia del dropdown */
  header.elementor-location-header .elementor-widget-nav-menu{
    position: relative !important;
    z-index: 999999 !important;
  }

  /* Contenedor dropdown real de Elementor */
  header.elementor-location-header
  .elementor-nav-menu--dropdown.elementor-nav-menu__container{
    position: absolute !important;
    top: calc(100% + 6px) !important;

    /* Colócalo bajo la hamburguesa (derecha). Si lo quieres a la izquierda: right:auto; left:0; */
    right: 16px !important;
    left: auto !important;

    width: 280px !important;
    max-width: min(280px, calc(100vw - 24px)) !important;

    margin: 0 !important;
    background:#0d0d0d !important;

    border: 1px solid rgba(18,255,127,.35) !important;
    border-radius: 10px !important;
    overflow: hidden !important;

    z-index: 999999 !important;
  }

  /* Fondo negro interno */
  header.elementor-location-header
  .elementor-nav-menu--dropdown.elementor-nav-menu__container ul,
  header.elementor-location-header
  .elementor-nav-menu--dropdown.elementor-nav-menu__container li{
    background:#0d0d0d !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  /* Links */
  header.elementor-location-header
  .elementor-nav-menu--dropdown .elementor-item{
    display:block !important;
    width:100% !important;
    padding:10px 16px !important;
    text-align:left !important;
    color:#ffffff !important;
  }

  /* Quitar “active/current” blanco */
  header.elementor-location-header
  .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
  header.elementor-location-header
  .elementor-nav-menu--dropdown .elementor-item.elementor-item-current{
    background:none !important;
    color:#ffffff !important;
  }

  /* SUBMENÚ MARCAS (mobile) */
  header.elementor-location-header
  .elementor-nav-menu--dropdown .sub-menu{
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    background:#0d0d0d !important;
    padding-inline-start: 16px !important; /* desplaza las marcas a la derecha */
  }

  header.elementor-location-header
  .elementor-nav-menu--dropdown .sub-menu > li > a{
    display:block !important;
    padding:8px 16px !important;
    text-align:left !important;
    color:#ffffff !important;
  }

  /* MARCA ACTIVA EN MOBILE */
  header.elementor-location-header
  .elementor-nav-menu--dropdown .sub-menu .current-menu-item > a,
  header.elementor-location-header
  .elementor-nav-menu--dropdown .sub-menu .current_page_item > a{
    background:#0f241b !important;
    color:#12ff7f !important;
  }
}

/* =========================================================
   DESKTOP: estilo de la marca ACTIVA en submenú "MARCAS"
   ========================================================= */
.elementor-nav-menu--main .sub-menu .current-menu-item > a,
.elementor-nav-menu--main .sub-menu .current_page_item > a,
.elementor-nav-menu--main .sub-menu a.elementor-sub-item.elementor-item-active{
  background:#0f241b !important;   /* mismo que hover */
  color:#12ff7f !important;        /* verde neón */
}

/* =========================================================
   DROPDOWN (por si Elementor aplica versión dropdown en desktop)
   ========================================================= */
.elementor-nav-menu--dropdown .sub-menu .current-menu-item > a,
.elementor-nav-menu--dropdown .sub-menu .current_page_item > a,
.elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item.elementor-item-active{
  background:#0f241b !important;
  color:#12ff7f !important;
}

/* =========================================================
   AJUSTE IMAGEN ACEITE (tu regla)
   ========================================================= */
.card--oil.oil--enecta .thumb img{
  object-fit: cover;
  object-position: center 20px; /* mueve la imagen hacia arriba */
}

/* =========================================================
   BLOQUE RCBD BRAND: evita overflow horizontal del full-bleed
   ========================================================= */
#rcbd-brand{
  overflow-x: clip;
}

/* Fallback por si algún navegador no soporta clip */
@supports not (overflow: clip){
  #rcbd-brand{ overflow-x: hidden; }
}

/* RadarCBD: nunca traducir códigos de cupón */
#rcbd-brand .coupon-code-label,
#rcbd-compare .coupon-code-label,
#rcbd-featured .coupon-code-label{
  translate: no;
}