.elementor-26386 .elementor-element.elementor-element-7954c7b9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-26386 .elementor-element.elementor-element-7954c7b9:not(.elementor-motion-effects-element-type-background), .elementor-26386 .elementor-element.elementor-element-7954c7b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(255,255,255,0);}.elementor-26386 .elementor-element.elementor-element-7954c7b9:hover{background-color:#FFFFFF00;}.elementor-26386 .elementor-element.elementor-element-7954c7b9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:35px 70px 20px 70px;}.elementor-26386 .elementor-element.elementor-element-7954c7b9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26386 .elementor-element.elementor-element-26956e22{width:auto;max-width:auto;align-self:center;}.elementor-26386 .elementor-element.elementor-element-26956e22 > .elementor-widget-container{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-26386 .elementor-element.elementor-element-22353f84{width:auto;max-width:auto;align-self:center;--header-nav-x-spacing:1rem;}.elementor-26386 .elementor-element.elementor-element-22353f84 > .elementor-widget-container{margin:0px 0px 0px 80px;box-shadow:-1px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-26386 .elementor-element.elementor-element-22353f84 .rey-mainMenu--desktop > .menu-item > a{font-weight:300;color:#FFFFFFFA;}.elementor-26386 .elementor-element.elementor-element-22353f84 .rey-mainNavigation-mobileBtn{--hbg-bars-width:20px;--hbg-bars-thick:2px;--hbg-bars-distance:4px;--hbg-bars-roundness:2px;}.elementor-26386 .elementor-element.elementor-element-cf522fb{width:auto;max-width:auto;align-self:center;}.elementor-26386 .elementor-element.elementor-element-cf522fb .rey-headerSearch-toggle{color:#FFFFFF;}.elementor-26386 .elementor-element.elementor-element-2ea89c45{width:auto;max-width:auto;align-self:center;}.elementor-26386 .elementor-element.elementor-element-2ea89c45 > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-26386 .elementor-element.elementor-element-2ea89c45 .rey-headerCart{color:#FFFCFC;}.elementor-26386 .elementor-element.elementor-element-2ea89c45 .rey-headerCart .rey-headerIcon-counter{display:inline-flex;}.elementor-26386 .elementor-element.elementor-element-4b80518{width:auto;max-width:auto;align-self:center;}.elementor-26386 .elementor-element.elementor-element-4b80518 > .elementor-widget-container{background-color:#FFFFFF00;margin:0px 0px 0px 15px;}.elementor-26386 .elementor-element.elementor-element-4b80518 .rey-headerAccount-btnIcon{color:#FFFFFF;}.elementor-26386 .elementor-element.elementor-element-4b80518 .rey-headerIcon-btnText{color:#FFFFFF;}.elementor-26386 .elementor-element.elementor-element-4b80518 .rey-headerIcon-btn:hover, .elementor-26386 .elementor-element.elementor-element-4b80518 .rey-headerIcon-btn:hover .rey-headerIcon-btnText, .elementor-26386 .elementor-element.elementor-element-4b80518 .rey-headerIcon-btn:hover .rey-headerAccount-btnIcon{color:#CFCCCC;}.elementor-26386 .elementor-element.elementor-element-4b80518 .rey-headerAccount .rey-headerIcon-counter{background-color:#FFF7F7;color:#F76161;}@media(max-width:1024px){.elementor-26386 .elementor-element.elementor-element-7954c7b9{padding:20px 20px 20px 20px;}}@media(max-width:767px){.elementor-26386 .elementor-element.elementor-element-7954c7b9{padding:15px 15px 15px 15px;}.elementor-26386 .elementor-element.elementor-element-22353f84 > .elementor-widget-container{margin:0px 0px 0px 25px;}.elementor-26386 .elementor-element.elementor-element-cf522fb > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-26386 .elementor-element.elementor-element-2ea89c45 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-26386 .elementor-element.elementor-element-4b80518 > .elementor-widget-container{margin:0px 0px 0px 20px;}}/* Start custom CSS for reycore-header-navigation, class: .elementor-element-22353f84 *//* =========================================
   WIRA - SUBMENU TRANSPARENTE
   ========================================= */

/* Caja del menú desplegable */
.elementor-26386 .elementor-element.elementor-element-22353f84 .rey-mainMenu--desktop .sub-menu {
    background: transparent !important;
    background-color: transparent !important;

    /* Borde blanco un poco más grueso */
    border: 2px solid rgba(255, 255, 255, 0.75) !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Links del submenu */
.elementor-26386 .elementor-element.elementor-element-22353f84 .rey-mainMenu--desktop .sub-menu > .menu-item > a {
    color: #ffffff !important;
    background: transparent !important;

    /* Antes era 9px 16px */
    padding: 4px 16px !important;

    font-size: 15px !important;
    line-height: 1.3 !important;
}

/* Texto interno */
.elementor-26386 .elementor-element.elementor-element-22353f84 .rey-mainMenu--desktop .sub-menu > .menu-item > a span {
    color: #ffffff !important;
}

/* Hover */
.elementor-26386 .elementor-element.elementor-element-22353f84 .rey-mainMenu--desktop .sub-menu > .menu-item > a:hover {
    color: #ffffff !important;
    background: transparent !important;
}

/* Eliminar posibles fondos generados por Rey */
.elementor-26386 .elementor-element.elementor-element-22353f84 .rey-mainMenu--desktop .sub-menu::before,
.elementor-26386 .elementor-element.elementor-element-22353f84 .rey-mainMenu--desktop .sub-menu::after {
    background: transparent !important;
    box-shadow: none !important;
}/* End custom CSS */
/* =========================
   WIRA LOGIN PANEL
   Keep Rey native dimensions
   ========================= */

/* Interior del panel */
.rey-accountPanel {
  background: #fff !important;
  color: #282828 !important;

  padding: 28px 30px !important;

  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}


/* LOGIN */
.rey-accountPanel-title {
  color: #282828 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 22px !important;
}


/* =========================
   FORM FIELDS
   ========================= */

.rey-accountPanel input[type="text"],
.rey-accountPanel input[type="email"],
.rey-accountPanel input[type="password"] {
  background: transparent !important;
  color: #282828 !important;

  border: 0 !important;
  border-bottom: 1px solid #bdbdbd !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  padding: 11px 0 !important;
  font-size: 15px !important;
}


/* Placeholder */
.rey-accountPanel input::placeholder {
  color: #999 !important;
  opacity: 1 !important;
}


/* Focus */
.rey-accountPanel input:focus {
  border-bottom-color: #282828 !important;
  outline: none !important;
  box-shadow: none !important;
}


/* =========================
   MAIN BUTTON
   SIGN IN
   ========================= */

.rey-accountPanel button,
.rey-accountPanel .button {
  background: #eeeeee !important;
  color: #282828 !important;

  border: 1px solid #dddddd !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  padding: 11px 18px !important;

  font-size: 13px !important;
  font-weight: 500 !important;

  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}


/* Hover */
.rey-accountPanel button:hover,
.rey-accountPanel .button:hover {
  background: #e3e3e3 !important;
  color: #111 !important;
}


/* =========================
   ACCOUNT LINKS
   ========================= */

.rey-accountPanel a {
  color: #282828 !important;
  text-decoration: none !important;
}

.rey-accountPanel a:hover {
  opacity: 0.6 !important;
}


/* =========================
   KEEP SECONDARY FORMS HIDDEN
   UNTIL REY ACTIVATES THEM
   ========================= */

.rey-accountPanel-form {
  display: none;
}

.rey-accountPanel-form.--active {
  display: block;
}


/* =========================
   CREATE ACCOUNT /
   FORGOT PASSWORD
   ========================= */

/* Contenedor real de ambos botones */
.rey-accountPanel-links.rey-accountForms-links {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  gap: 10px !important;

  margin-top: 18px !important;
}


/* Ambos botones secundarios */
.rey-accountPanel-links.rey-accountForms-links .btn {
  display: inline-flex !important;
  width: auto !important;

  align-items: center !important;
  justify-content: center !important;

  background: #eeeeee !important;
  color: #282828 !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 11px 18px !important;

  margin: 0 !important;

  font-size: 13px !important;
  font-weight: 500 !important;

  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}


/* MUY IMPORTANTE:
   anula el margen que Rey añade
   al segundo botón */
.rey-accountPanel-links.rey-accountForms-links .btn + .btn {
  margin-left: 0 !important;
}


/* Hover secundarios */
.rey-accountPanel-links.rey-accountForms-links .btn:hover {
  background: #e3e3e3 !important;
  color: #111 !important;
  opacity: 1 !important;
}
/* Start custom CSS for section, class: .elementor-element-7954c7b9 *//* =========================
   HEADER DROPDOWN MENU
   HERO STYLE
   ========================= */

.rey-mainMenu--desktop .sub-menu {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: none !important;
  padding: 8px 0 !important;
  min-width: 180px !important;
}

/* Dropdown links */
.rey-mainMenu--desktop .sub-menu > .menu-item > a {
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  padding: 9px 16px !important;
  background: transparent !important;
}

/* Hover */
.rey-mainMenu--desktop .sub-menu > .menu-item > a:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.08) !important;
}

/* Remove strong submenu separators if present */
.rey-mainMenu--desktop .sub-menu > .menu-item {
  border: 0 !important;
}/* End custom CSS */