/*
 * Tema hijo Sauleda Theme
 * Padre: Hummingbird
 * Autor: Reyul1
 * Header/Footer basado en estructura Eurotronic Theme
 */

/* =========================================================
   Variables Sauleda
   ========================================================= */
:root{
  --sauleda-red:#b72c21;
  --sauleda-white:#ffffff;
  --sauleda-dark:#222222;
}

/* =========================================================
   Header escritorio/tablet tipo Eurotronic
   ========================================================= */
.euro-header-main{
  width:100%;
  min-height:76px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:32px;
}

.euro-header-logo{
  flex:0 0 190px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.euro-header-logo h1{
  margin:0;
}

.euro-header-logo img{
  max-width:210px;
  height:auto!important;
  display:block;
  filter:brightness(0) invert(1);
}

.euro-header-search{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:320px;
}

.euro-header-search #_desktop_search{
  width:100%!important;
}

.euro-header-search #search_widget,
.euro-header-search .search-widget{
  width:100%!important;
  max-width:760px!important;
  margin:0!important;
  float:none!important;
}

.euro-header-search #search_widget form,
.euro-header-search .search-widget form{
  width:100%!important;
  margin:0!important;
}

.euro-header-search #search_widget input[type="search"],
.euro-header-search #search_widget input[type="text"],
.euro-header-search .search-widget input[type="search"],
.euro-header-search .search-widget input[type="text"]{
  width:100%!important;
  height:38px!important;
  border:2px solid rgba(255,255,255,0.85)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,0.18)!important;
  color:var(--sauleda-white)!important;
  padding-left:42px!important;
}

.euro-header-search input::placeholder{
  color:var(--sauleda-white)!important;
  opacity:1!important;
}

.euro-header-search .material-icons{
  color:var(--sauleda-white)!important;
}

.euro-header-actions{
  flex:0 0 auto;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}

.euro-header-actions-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:22px!important;
  flex-wrap:nowrap!important;
}

.euro-header-account,
.euro-header-cart,
.euro-header-tablet-menu{
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  margin:0!important;
}

.euro-header-account > *,
.euro-header-cart > *{
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  margin:0!important;
}

/* Fondo principal header */
.header-top,
.euro-header-bottom{
  background:var(--sauleda-red)!important;
  border:0!important;
}

.header-top{
  position:relative!important;
}

.header-top::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:60vw;
  height:1px;
  background:rgba(255,255,255,0.45);
}

.euro-header-bottom{
  display:block!important;
  border-top:0!important;
  border-bottom:1px solid var(--sauleda-white)!important;
}

.header-bottom__row{
  min-height:unset!important;
}

.euro-header-actions .header-block__action-btn:hover,
.euro-header-actions .header-block__action-btn:focus,
.euro-header-actions .header-block__action-btn:hover i,
.euro-header-actions .header-block__action-btn:focus i,
.euro-header-actions .header-block__action-btn:hover span,
.euro-header-actions .header-block__action-btn:focus span{
  color:var(--sauleda-white)!important;
  opacity:0.88;
}

.euro-header-actions .dropdown-toggle::after{
  border-top-color:var(--sauleda-white)!important;
}

.euro-header-cart .material-icons,
.euro-header-account .material-icons{
  color:var(--sauleda-white)!important;
}

.header-block__badge,
.euro-header-cart .header-block__badge,
.euro-mobile-cart .header-block__badge,
#_desktop_cart .header-block__badge,
#_mobile_cart .header-block__badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:var(--sauleda-white)!important;
  color:var(--sauleda-red)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  opacity:1!important;
  text-indent:0!important;
  visibility:visible!important;
  overflow:visible!important;
}

/* Dropdown cuenta */
.euro-header-account .dropdown{
  position:relative;
}

.euro-header-account .dropdown-menu{
  background:#ffffff!important;
  border:1px solid rgba(0,0,0,0.12)!important;
  box-shadow:0 8px 22px rgba(0,0,0,0.18)!important;
  min-width:230px!important;
  max-width:280px!important;
  left:auto!important;
  right:0!important;
}

.euro-header-account .dropdown-menu,
.euro-header-account .dropdown-menu a,
.euro-header-account .dropdown-menu span,
.euro-header-account .dropdown-menu i{
  color:var(--sauleda-dark)!important;
}

.euro-header-account .dropdown-menu .dropdown-item{
  display:flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  color:var(--sauleda-dark)!important;
}

.euro-header-account .dropdown-menu .dropdown-item i{
  color:#333333!important;
}

.euro-header-account .dropdown-menu .dropdown-item:hover,
.euro-header-account .dropdown-menu .dropdown-item:focus{
  background:#f3f3f3!important;
  color:var(--sauleda-dark)!important;
}

/* =========================================================
   Menú principal tipo Eurotronic
   ========================================================= */
.euro-header-menu{
  display:flex!important;
  justify-content:center!important;
  width:100%;
  position:relative!important;
  z-index:1000!important;
  overflow:visible!important;
}

.euro-header-menu .main-menu{
  width:100%;
  justify-content:center!important;
  min-height:40px!important;
  position:relative!important;
  overflow:visible!important;
}

.euro-header-menu .js-menu-desktop{
  width:100%;
  overflow:visible!important;
}

.euro-header-menu .main-menu__tree{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0 auto!important;
  padding:0!important;
  gap:22px;
  position:relative!important;
  overflow:visible!important;
}

.euro-header-menu .main-menu__tree > li{
  position:relative!important;
}

.euro-header-menu .main-menu__tree > li > a,
.euro-header-menu .main-menu__tree__link{
  color:var(--sauleda-white)!important;
  font-weight:600!important;
  font-size:15px!important;
}

.euro-header-menu .main-menu__tree > li > a{
  padding:0.75rem 2rem!important;
}

.euro-header-menu .main-menu__tree > li > a:hover,
.euro-header-menu .main-menu__tree__link:hover{
  color:var(--sauleda-white)!important;
  opacity:0.85;
}

.euro-header-menu .dropdown-toggle::after{
  border-top-color:var(--sauleda-white)!important;
}

.euro-header-menu .menu-container{
  position:absolute!important;
  top:100%!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  min-width:280px!important;
  max-width:calc(100vw - 40px)!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  z-index:1001!important;
  background:rgba(0,0,0,0.72)!important;
  border:0!important;
  border-radius:0 0 6px 6px!important;
  box-shadow:0 12px 28px rgba(0,0,0,0.18)!important;
}

.euro-header-menu .menu-container::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-18px;
  height:18px;
  background:transparent;
}

.euro-header-menu .menu-container .container{
  padding:0!important;
  margin:0!important;
  max-width:none!important;
  width:100%!important;
}

.euro-header-menu .menu-container .row{
  --bs-gutter-y:0!important;
  --bs-gutter-x:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}

.euro-header-menu .menu-container [class*="col"]{
  padding:0!important;
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
  flex:0 0 auto!important;
}

.euro-header-menu .menu-container ul,
.euro-header-menu .menu-container .top-menu{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  height:auto!important;
  min-height:0!important;
}

.euro-header-menu .menu-container li{
  width:100%!important;
  max-width:100%!important;
  white-space:nowrap!important;
  padding:0!important;
  margin:0!important;
}

.euro-header-menu .menu-container a{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  white-space:nowrap!important;
  color:var(--sauleda-white)!important;
  padding:13px 22px!important;
  line-height:1.1!important;
  text-align:left!important;
}

.euro-header-menu .menu-container a:hover{
  background:rgba(255,255,255,0.08)!important;
  color:var(--sauleda-white)!important;
}

.euro-header-menu .main-menu__tree > li:hover .menu-container,
.euro-header-menu .main-menu__tree > li:focus-within .menu-container,
.euro-header-menu .menu-container:hover{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* =========================================================
   Buscador resultados
   ========================================================= */
.euro-header-search #search_widget{
  position:relative!important;
}

.euro-header-search .search-widgets__dropdown{
  position:absolute!important;
  top:calc(100% + 16px)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:520px!important;
  max-width:90vw!important;
  margin:0!important;
  z-index:9999!important;
}

.euro-header-search .search-widgets__results{
  margin:0!important;
  padding:18px 0!important;
}

.euro-header-search .search-result__link{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  padding:12px 24px!important;
  text-decoration:none!important;
}

.euro-header-search .search-result__image{
  width:54px!important;
  height:auto!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
}

.euro-header-search .search-result__name{
  margin:0!important;
  text-align:left!important;
}

/* =========================================================
   Responsive tablet
   ========================================================= */
.euro-header-tablet-menu{
  display:none!important;
}

@media (min-width:768px) and (max-width:1199.98px){
  .euro-header-tablet-menu{
    display:flex!important;
  }

  .euro-header-bottom{
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
  }

  .euro-header-bottom .header-bottom__container,
  .euro-header-bottom .header-bottom__row,
  .euro-header-bottom .euro-header-menu{
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .euro-header-bottom .euro-header-menu > .main-menu{
    display:none!important;
  }

  .euro-header-bottom .main-menu__offcanvas{
    display:block;
  }
}

/* =========================================================
   Responsive móvil
   ========================================================= */
@media (max-width:767.98px){
  .euro-header-main{
    display:none!important;
  }

  .euro-header-bottom,
  .euro-mobile-header-row{
    min-height:76px!important;
  }

  .euro-mobile-header-row{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
  }

  .euro-mobile-logo{
    order:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .euro-mobile-logo img{
    max-width:170px!important;
    height:auto!important;
    filter:brightness(0) invert(1);
  }

  .euro-header-menu{
    order:2!important;
    width:auto!important;
    flex:0 0 auto!important;
  }

  .euro-header-menu .main-menu{
    width:auto!important;
  }

  .euro-mobile-search{
    order:3!important;
    width:auto!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  .euro-mobile-user{
    order:4!important;
    width:auto!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  .euro-mobile-cart{
    order:5!important;
    width:auto!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  .euro-mobile-search .header-block,
  .euro-mobile-user .header-block,
  .euro-mobile-cart .header-block,
  .euro-header-menu .header-block{
    display:flex!important;
    align-items:center!important;
    margin:0!important;
  }

  .euro-mobile-search .header-block__action-btn,
  .euro-mobile-search .header-block__icon,
  .euro-mobile-user .header-block__action-btn,
  .euro-mobile-user .header-block__icon,
  .euro-mobile-cart .header-block__action-btn,
  .euro-mobile-cart .header-block__icon,
  .euro-header-menu .header-block__action-btn,
  .euro-header-menu .header-block__icon{
    color:var(--sauleda-white)!important;
  }
}

/* =========================================================
   Footer tipo Eurotronic
   ========================================================= */
.footer__before{
  margin:0;
  padding:0;
}

.footer__main{
  background:var(--sauleda-red);
  color:var(--sauleda-white);
  padding:58px 0 38px;
}

.footer__main > .container{
  max-width:1080px;
}

.footer__main__top{
  display:grid;
  grid-template-columns:300px 160px 230px 180px;
  column-gap:55px;
  align-items:flex-start;
  justify-content:center;
  margin:0;
}

.footer__main__top > *{
  width:auto;
  max-width:none;
  flex:none;
  padding:0;
  margin:0;
}

.euro-footer-company{
  width:300px;
  max-width:300px;
  text-align:center;
  color:var(--sauleda-white);
  padding:0;
  margin:0;
}

.euro-footer-company__logo{
  margin:0 0 22px 0;
  text-align:center;
}

.euro-footer-company__logo a{
  display:inline-block;
  margin:0 auto;
  padding:0;
}

.euro-footer-company__logo img{
  width:200px;
  height:auto;
  display:block;
  margin:0 auto;
  filter:brightness(0) invert(1);
}

.euro-footer-company__text{
  margin:0;
  padding:0;
  text-align:center;
}

.euro-footer-company__text p{
  margin:0;
  padding:0;
  color:var(--sauleda-white);
  font-size:14px;
  line-height:1.15;
  font-weight:500;
  text-align:center;
}

.euro-footer-company__text a{
  display:inline;
  color:var(--sauleda-white);
  text-decoration:none;
  font-size:14px;
  line-height:1.15;
}

.footer__main section,
.footer__main .links,
.footer__main .block,
.footer__main .collapse,
.footer__main .footer__block{
  margin:0;
  padding:0;
  gap:0;
}

.footer__main ul,
.footer__main ol,
.footer__main .linklist,
.footer__main .footer__links,
.footer__main .footer-block__list{
  margin:0;
  padding:0;
  list-style:none;
  gap:0;
  text-align:left;
}

.footer__main li,
.footer__main .linklist li,
.footer__main .footer__links li,
.footer__main .footer-block__list li{
  margin:0;
  padding:0;
  line-height:1.1;
  text-align:left;
}

.footer__main h3,
.footer__main .h3,
.footer__main .footer__title,
.footer__main .block-contact-title,
.footer__main .title,
.footer__main .footer-block__title,
.footer__main .footer-block__title button{
  margin:0 0 14px 0;
  padding:0;
  color:var(--sauleda-white);
  font-size:16px;
  line-height:1.15;
  font-weight:700;
  text-align:left;
}

.footer__main a,
.footer__main li a,
.footer__main .linklist a,
.footer__main .footer__links a,
.footer__main .links a,
.footer__main .footer__link,
.footer__main .footer-block__list a{
  display:block;
  margin:0;
  padding:0 0 2px 0;
  color:var(--sauleda-white);
  text-decoration:none;
  font-size:14px;
  line-height:1.15;
  min-height:0;
  text-align:left;
}

.footer__main a:hover{
  opacity:0.75;
  color:var(--sauleda-white);
}

.euro-footer-company a,
.euro-footer-company p,
.euro-footer-company span{
  text-align:center;
}

.footer__copyright{
  width:100%;
  background:var(--sauleda-white);
  color:#000000;
  text-align:center;
  padding:24px 15px;
}

.footer__copyright .container{
  max-width:100%;
}

.footer__copyright .copyright{
  margin:0;
  color:#000000;
  font-size:20px;
  line-height:1.4;
  font-weight:400;
}

.footer__copyright .copyright a{
  color:#000000;
  text-decoration:none;
}

.footer__copyright .copyright a:hover{
  text-decoration:underline;
}

.footer__copyright-separator{
  margin:0 8px;
}

@media (max-width:991.98px){
  .footer__main{
    padding:54px 0 42px;
  }

  .footer__main > .container{
    max-width:820px;
    padding-left:24px;
    padding-right:24px;
  }

  .footer__main__top{
    display:grid;
    grid-template-columns:1fr;
    row-gap:34px;
    column-gap:0;
    margin:0;
    text-align:center;
  }

  .footer__main__top > *{
    width:100%;
    max-width:420px;
    margin:0 auto;
    padding:0;
    text-align:center;
  }

  .euro-footer-company{
    width:100%;
    max-width:100%;
    margin:0 auto;
    text-align:center;
  }

  .footer__main h3,
  .footer__main .h3,
  .footer__main .footer__title,
  .footer__main .block-contact-title,
  .footer__main .title,
  .footer__main .footer-block__title,
  .footer__main .footer-block__title button{
    text-align:center;
    margin:0 0 12px 0;
  }

  .footer__main ul,
  .footer__main ol,
  .footer__main li,
  .footer__main a,
  .footer__main .footer__link,
  .footer__main .linklist,
  .footer__main .footer__links,
  .footer__main .footer-block__list{
    text-align:center;
  }

  .euro-footer-company,
  .euro-footer-company *{
    text-align:center;
  }
}

/* =========================================================
   Sauleda Theme v1.0.3
   Ajuste real para ps_mainmenu de Hummingbird
   ========================================================= */

/* Header menos tanque soviético */
.header-top {
  min-height: 96px !important;
}

.euro-header-main {
  min-height: 96px !important;
  gap: 28px !important;
}

.euro-header-bottom {
  min-height: 52px !important;
}

.euro-mobile-header-row {
  min-height: 52px !important;
}

/* Logo provisional: limitar caja para que no reviente el header */
.euro-header-logo {
  flex: 0 0 250px !important;
  max-width: 250px !important;
  overflow: hidden !important;
}

.euro-header-logo .navbar-brand,
.euro-mobile-logo .navbar-brand {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.euro-header-logo img {
  max-width: 220px !important;
  max-height: 70px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.euro-mobile-logo img {
  max-width: 150px !important;
  max-height: 54px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Buscador tipo Eurotronic, algo más centrado */
.euro-header-search {
  min-width: 420px !important;
}

.euro-header-search #search_widget,
.euro-header-search .search-widget,
.euro-header-search .ps-searchbar {
  max-width: 760px !important;
}

/* Menú Sauleda real: ps_mainmenu */
.euro-header-menu .ps-mainmenu,
.euro-header-menu .ps-mainmenu--desktop,
.euro-header-menu .ps-mainmenu__desktop {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.euro-header-menu .ps-mainmenu__tree {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 42px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
}

.euro-header-menu .ps-mainmenu__tree-item {
  margin: 0 !important;
  padding: 0 !important;
}

.euro-header-menu .ps-mainmenu__tree-item-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.euro-header-menu .ps-mainmenu__tree-link,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.euro-header-menu .ps-mainmenu__tree-link {
  padding: 18px 0 !important;
}

.euro-header-menu .ps-mainmenu__tree-link:hover,
.euro-header-menu .ps-mainmenu__tree-link:focus,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle:hover,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle:focus {
  color: #ffffff !important;
  opacity: 0.82 !important;
}

/* El desplegable de Sauleda es .submenu, no .menu-container */
.euro-header-menu .submenu {
  background: rgba(0, 0, 0, 0.78) !important;
  border: 0 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}

.euro-header-menu .submenu a,
.euro-header-menu .submenu__left-item,
.euro-header-menu .submenu__right a {
  color: #ffffff !important;
  text-decoration: none !important;
}

.euro-header-menu .submenu a:hover,
.euro-header-menu .submenu__left-item:hover,
.euro-header-menu .submenu__right a:hover {
  color: #ffffff !important;
  opacity: 0.8 !important;
}

/* Toggle flecha Agora en blanco */
.euro-header-menu .dropdown-toggle::after,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle::after {
  border-top-color: #ffffff !important;
}

/* Tablet/móvil: conservar comportamiento offcanvas */
@media (min-width: 768px) and (max-width: 1199.98px) {
  .header-top {
    min-height: 86px !important;
  }

  .euro-header-main {
    min-height: 86px !important;
  }
}

@media (max-width: 767.98px) {
  .euro-header-bottom,
  .euro-mobile-header-row {
    min-height: 72px !important;
  }

  .euro-header-menu .ps-mainmenu__mobile-toggle .menu-toggle,
  .euro-header-menu .menu-toggle,
  .euro-header-menu .menu-toggle .material-icons {
    color: #ffffff !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.4
   Logo Sauleda sin invertir colores
   ========================================================= */

:root {
  --sauleda-red: #c3291f;
}

.euro-header-logo img,
.euro-mobile-logo img,
.euro-footer-company__logo img {
  filter: none !important;
}

.euro-header-logo img {
  max-width: 170px !important;
  max-height: 84px !important;
}

.euro-header-logo {
  flex: 0 0 230px !important;
  max-width: 230px !important;
}

.euro-footer-company__logo img {
  width: 180px !important;
  max-width: 180px !important;
  height: auto !important;
}

/* =========================================================
   Sauleda Theme v1.0.5
   Hueco selector idioma en header escritorio/tablet
   ========================================================= */

.euro-header-language {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
}

.euro-header-language > * {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
}

.euro-header-language a,
.euro-header-language button,
.euro-header-language .dropdown-toggle,
.euro-header-language span,
.euro-header-language i {
  color: #ffffff !important;
}

.euro-header-language .dropdown-toggle::after {
  border-top-color: #ffffff !important;
}

.euro-header-language .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18) !important;
  min-width: 140px !important;
  left: auto !important;
  right: 0 !important;
}

.euro-header-language .dropdown-menu,
.euro-header-language .dropdown-menu a,
.euro-header-language .dropdown-menu span {
  color: #222222 !important;
}

.euro-header-language .dropdown-menu a:hover,
.euro-header-language .dropdown-menu a:focus {
  background: #f3f3f3 !important;
  color: #222222 !important;
}

/* =========================================================
   Sauleda Theme v1.0.6
   Ajuste buscador tipo Eurotronic + desplegable ps_mainmenu
   ========================================================= */

/* BUSCADOR DESKTOP */
.euro-header-search #_desktop_search {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.euro-header-search #search_widget {
  position: relative !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

.euro-header-search #search_widget form {
  position: relative !important;
  width: 100% !important;
  height: 52px !important;
  margin: 0 !important;
}

.euro-header-search #search_widget input[type="search"],
.euro-header-search #search_widget .js-search-input {
  width: 100% !important;
  height: 52px !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.20) !important;
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 52px !important;
  padding: 0 56px !important;
  box-shadow: none !important;
  outline: none !important;
}

.euro-header-search #search_widget input[type="search"]::placeholder,
.euro-header-search #search_widget .js-search-input::placeholder {
  color: rgba(255, 255, 255, 0.92) !important;
  opacity: 1 !important;
}

.euro-header-search #search_widget .material-icons.search,
.euro-header-search #search_widget .js-search-icon {
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

.euro-header-search #search_widget .material-icons.clear,
.euro-header-search #search_widget .clear {
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

/* DESPLEGABLE BUSCADOR */
.euro-header-search .search-widgets__dropdown {
  top: calc(100% + 10px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24) !important;
}

/* MENÚ DESKTOP PS_MAINMENU */
.euro-header-menu .ps-mainmenu__tree {
  align-items: center !important;
  justify-content: center !important;
}

.euro-header-menu .ps-mainmenu__tree-item {
  position: static !important;
}

.euro-header-menu .ps-mainmenu__tree-link,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle {
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.euro-header-menu .ps-mainmenu__tree-link:hover,
.euro-header-menu .ps-mainmenu__tree-link:focus,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle:hover,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle:focus {
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* DESPLEGABLE AGORA */
.euro-header-menu .submenu {
  background: rgba(14, 24, 25, 0.96) !important;
  border: 0 !important;
  border-top: 4px solid rgba(0, 0, 0, 0.45) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;
  padding: 24px 0 !important;
  margin-top: 0 !important;
  z-index: 1000 !important;
}

.euro-header-menu .submenu__row {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.euro-header-menu .submenu__left {
  border-right: 1px solid rgba(255, 255, 255, 0.28) !important;
  padding: 0 28px !important;
}

.euro-header-menu .submenu__left-item {
  display: block !important;
  width: 100% !important;
  padding: 12px 18px !important;
  margin: 0 0 8px 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.euro-header-menu .submenu__left-item:hover,
.euro-header-menu .submenu__left-item:focus,
.euro-header-menu .submenu__left-item.active,
.euro-header-menu .submenu__left-item[aria-selected="true"] {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.euro-header-menu .submenu__right {
  padding: 0 34px !important;
  color: #ffffff !important;
}

.euro-header-menu .submenu__right a,
.euro-header-menu .submenu__right span,
.euro-header-menu .submenu__right p,
.euro-header-menu .submenu__right li {
  color: #ffffff !important;
}

.euro-header-menu .submenu__right a:hover,
.euro-header-menu .submenu__right a:focus {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* =========================================================
   Sauleda Theme v1.0.7
   Rojo corporativo principal
   ========================================================= */

:root {
  --sauleda-red: #b63221 !important;
}

.header-top,
.euro-header-main,
.header-bottom,
.euro-header-bottom,
.euro-mobile-header-row {
  background-color: #b63221 !important;
}

.euro-header-search #search_widget input[type="search"],
.euro-header-search #search_widget .js-search-input {
  background: rgba(255, 255, 255, 0.18) !important;
}

.euro-header-logo img,
.euro-mobile-logo img {
  background-color: #b63221 !important;
}

/* =========================================================
   Sauleda Theme v1.0.8
   Menú con aire www.sauleda.com
   ========================================================= */

:root {
  --sauleda-red: #b63221 !important;
  --sauleda-pink: #f0c6c1 !important;
  --sauleda-dark-menu: #20242a !important;
}

/* COLOR TEXTO HEADER: rosa suave, no blanco puro */
.euro-header-menu .ps-mainmenu__tree-link,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle,
.euro-header-actions a,
.euro-header-actions button,
.euro-header-actions span,
.euro-header-actions i,
.euro-header-actions .material-icons,
.euro-header-account,
.euro-header-cart,
.euro-header-language {
  color: var(--sauleda-pink) !important;
}

/* ORDEN DERECHA: carrito, usuario, idioma */
.euro-header-actions-inner {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
}

.euro-header-cart {
  order: 1 !important;
}

.euro-header-account {
  order: 2 !important;
}

.euro-header-language {
  order: 3 !important;
}

/* SELECTOR IDIOMA MÁS TIPO SAULEDA, SIN CAJA BLANCA */
.euro-header-language select,
.euro-header-language .form-select {
  background-color: transparent !important;
  color: var(--sauleda-pink) !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 24px 0 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  min-width: auto !important;
  width: auto !important;
  cursor: pointer !important;
}

.euro-header-language select option,
.euro-header-language .form-select option {
  background: var(--sauleda-dark-menu) !important;
  color: #ffffff !important;
}

/* BUSCADOR: mantener forma, solo colores */
.euro-header-search #search_widget input[type="search"],
.euro-header-search #search_widget .js-search-input {
  border-color: var(--sauleda-pink) !important;
  color: var(--sauleda-pink) !important;
  background: rgba(255, 255, 255, 0.10) !important;
}

.euro-header-search #search_widget input[type="search"]::placeholder,
.euro-header-search #search_widget .js-search-input::placeholder,
.euro-header-search #search_widget .material-icons.search,
.euro-header-search #search_widget .js-search-icon,
.euro-header-search #search_widget .material-icons.clear,
.euro-header-search #search_widget .clear {
  color: var(--sauleda-pink) !important;
}

/* MENÚ SUPERIOR */
.euro-header-menu .ps-mainmenu__tree {
  gap: 72px !important;
}

.euro-header-menu .ps-mainmenu__tree-item {
  position: relative !important;
}

.euro-header-menu .ps-mainmenu__tree-link,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle {
  color: var(--sauleda-pink) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  background: transparent !important;
}

.euro-header-menu .ps-mainmenu__tree-link:hover,
.euro-header-menu .ps-mainmenu__tree-link:focus,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle:hover,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle:focus {
  color: #ffffff !important;
  background: transparent !important;
}

/* DESPLEGABLE PEQUEÑO, NO MEGAMENÚ */
.euro-header-menu .submenu {
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: max-content !important;
  min-width: 245px !important;
  max-width: 320px !important;
  background: var(--sauleda-dark-menu) !important;
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.32) !important;
  padding: 0 !important;
  margin-top: 0 !important;
  color: var(--sauleda-pink) !important;
  z-index: 1000 !important;
}

/* Anulamos estructura megamenú */
.euro-header-menu .submenu__row {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.euro-header-menu .submenu__left {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  border-right: 0 !important;
  padding: 0 !important;
}

.euro-header-menu .submenu__right {
  display: none !important;
}

/* Items del desplegable */
.euro-header-menu .submenu__left-item {
  display: block !important;
  width: 100% !important;
  padding: 15px 22px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--sauleda-pink) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.euro-header-menu .submenu__left-item:hover,
.euro-header-menu .submenu__left-item:focus,
.euro-header-menu .submenu__left-item.active,
.euro-header-menu .submenu__left-item[aria-selected="true"] {
  background: var(--sauleda-red) !important;
  color: #ffffff !important;
}

/* Quitar rellenos/columnas Bootstrap dentro del desplegable */
.euro-header-menu .submenu .row,
.euro-header-menu .submenu [class*="col-"] {
  margin: 0 !important;
}

/* Separación inferior más parecida a Sauleda oficial */
.euro-header-bottom {
  border-top: 0 !important;
}

/* =========================================================
   Sauleda Theme v1.0.9
   Tipografía fina, menos alto menú y acciones rosa
   ========================================================= */

:root {
  --sauleda-red: #b63221 !important;
  --sauleda-pink: #f0c6c1 !important;
}

/* TIPOGRAFÍA HEADER MÁS FINA */
.euro-header-main,
.euro-header-bottom,
.euro-header-actions,
.euro-header-menu {
  font-weight: 300 !important;
}

.euro-header-menu .ps-mainmenu__tree-link,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle,
.euro-header-actions a,
.euro-header-actions button,
.euro-header-actions span,
.euro-header-actions i,
.euro-header-actions .material-icons,
.euro-header-language select,
.euro-header-language .form-select {
  font-weight: 300 !important;
}

/* MENÚ INFERIOR MENOS ALTO */
.header-bottom,
.euro-header-bottom {
  min-height: 70px !important;
  height: 70px !important;
  padding: 0 !important;
}

.euro-mobile-header-row,
.header-bottom__row {
  min-height: 70px !important;
  height: 70px !important;
  padding: 0 !important;
}

.euro-header-menu .ps-mainmenu__tree {
  min-height: 70px !important;
  height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.euro-header-menu .ps-mainmenu__tree-item-wrapper {
  min-height: 70px !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
}

.euro-header-menu .ps-mainmenu__tree-link,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: var(--sauleda-pink) !important;
}

/* ACCIONES DERECHA EN ROSA, FORZANDO ENLACES INTERNOS */
.euro-header-actions,
.euro-header-actions *,
.euro-header-account,
.euro-header-account *,
.euro-header-cart,
.euro-header-cart *,
.euro-header-language,
.euro-header-language *,
.euro-header-language select,
.euro-header-language .form-select {
  color: var(--sauleda-pink) !important;
}

.euro-header-actions a:hover,
.euro-header-actions button:hover,
.euro-header-account a:hover,
.euro-header-cart a:hover,
.euro-header-language select:hover,
.euro-header-language .form-select:hover {
  color: #ffffff !important;
}

/* CARRITO: BURBUJA VISIBLE */
.euro-header-cart .header-block__badge,
.euro-header-cart .cart-products-count,
.euro-header-cart .cart-products-count-btn,
.euro-header-cart .badge,
.euro-header-cart [class*="badge"] {
  background: var(--sauleda-pink) !important;
  color: var(--sauleda-red) !important;
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

/* SI EL CARRITO USA CÍRCULO VACÍO */
.euro-header-cart .header-block__action-btn::after,
.euro-header-cart a::after {
  background-color: var(--sauleda-pink) !important;
  color: var(--sauleda-red) !important;
}

/* BUSCADOR: MISMO DISEÑO, LETRA MÁS FINA */
.euro-header-search #search_widget input[type="search"],
.euro-header-search #search_widget .js-search-input {
  font-weight: 300 !important;
}

/* LINEA SEPARADORA UN POCO MÁS DISCRETA */
.euro-header-bottom {
  border-top: 1px solid rgba(240, 198, 193, 0.45) !important;
}

/* =========================================================
   Sauleda Theme v1.0.10
   Header más estrecho + limpieza de líneas
   ========================================================= */

:root {
  --sauleda-red: #b63221 !important;
  --sauleda-pink: #f0c6c1 !important;
}

/* QUITAR LÍNEAS HEREDADAS / SEPARADORES RAROS */
.header-top,
.header-bottom,
.euro-header-main,
.euro-header-bottom,
.euro-mobile-header-row,
.header-bottom__container,
.header-bottom__row,
.euro-header-menu,
.euro-header-menu .ps-mainmenu,
.euro-header-menu .ps-mainmenu__desktop,
.euro-header-menu .ps-mainmenu__tree {
  border: 0 !important;
  box-shadow: none !important;
}

.header-top::before,
.header-top::after,
.header-bottom::before,
.header-bottom::after,
.euro-header-main::before,
.euro-header-main::after,
.euro-header-bottom::before,
.euro-header-bottom::after,
.euro-mobile-header-row::before,
.euro-mobile-header-row::after,
.header-bottom__container::before,
.header-bottom__container::after,
.header-bottom__row::before,
.header-bottom__row::after,
.euro-header-menu::before,
.euro-header-menu::after,
.euro-header-menu .ps-mainmenu::before,
.euro-header-menu .ps-mainmenu::after,
.euro-header-menu .ps-mainmenu__tree::before,
.euro-header-menu .ps-mainmenu__tree::after {
  content: none !important;
  display: none !important;
}

/* HEADER SUPERIOR MÁS COMPACTO */
.header-top,
.euro-header-main {
  min-height: 96px !important;
  height: 96px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.euro-header-main {
  gap: 24px !important;
}

/* LOGO UN POCO MÁS CONTROLADO */
.euro-header-logo {
  flex: 0 0 230px !important;
  max-width: 230px !important;
}

.euro-header-logo img {
  max-width: 210px !important;
  max-height: 78px !important;
}

/* BUSCADOR MÁS BAJO */
.euro-header-search #_desktop_search,
.euro-header-search #search_widget {
  max-width: 700px !important;
}

.euro-header-search #search_widget form {
  height: 44px !important;
}

.euro-header-search #search_widget input[type="search"],
.euro-header-search #search_widget .js-search-input {
  height: 44px !important;
  line-height: 44px !important;
  font-size: 18px !important;
  padding: 0 48px !important;
  border-width: 2px !important;
}

.euro-header-search #search_widget .material-icons.search,
.euro-header-search #search_widget .js-search-icon {
  left: 16px !important;
  font-size: 25px !important;
}

.euro-header-search #search_widget .material-icons.clear,
.euro-header-search #search_widget .clear {
  right: 16px !important;
  font-size: 25px !important;
}

/* ACCIONES DERECHA MÁS FINAS Y COMPACTAS */
.euro-header-actions-inner {
  gap: 24px !important;
}

.euro-header-actions,
.euro-header-actions a,
.euro-header-actions button,
.euro-header-actions span,
.euro-header-actions i,
.euro-header-actions .material-icons,
.euro-header-language select,
.euro-header-language .form-select {
  font-size: 17px !important;
  font-weight: 300 !important;
  color: var(--sauleda-pink) !important;
}

/* MENÚ INFERIOR MUCHO MÁS ESTRECHO */
.header-bottom,
.euro-header-bottom {
  min-height: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.euro-mobile-header-row,
.header-bottom__row {
  min-height: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.euro-header-menu,
.euro-header-menu .ps-mainmenu,
.euro-header-menu .ps-mainmenu__desktop,
.euro-header-menu .ps-mainmenu__tree {
  min-height: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.euro-header-menu .ps-mainmenu__tree-item-wrapper {
  min-height: 54px !important;
  height: 54px !important;
  padding: 0 !important;
}

.euro-header-menu .ps-mainmenu__tree-link,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle {
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 300 !important;
  line-height: 54px !important;
  color: var(--sauleda-pink) !important;
}

/* DESPLEGABLE PEGADO AL MENÚ COMPACTO */
.euro-header-menu .submenu {
  top: 54px !important;
}

/* =========================================================
   Sauleda Theme v1.0.11
   Línea intermedia container + color uniforme acciones
   ========================================================= */

:root {
  --sauleda-red: #b63221 !important;
  --sauleda-pink: #f0c6c1 !important;
}

/* LÍNEA ENTRE HEADER SUPERIOR Y MENÚ: NO FULL WIDTH */
.euro-header-bottom > .container-md,
.header-bottom > .container-md {
  border-top: 1px solid rgba(240, 198, 193, 0.45) !important;
}

/* Evitar líneas laterales/fullwidth */
.euro-header-bottom,
.header-bottom,
.euro-header-menu,
.euro-header-menu .ps-mainmenu,
.euro-header-menu .ps-mainmenu__tree {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* COLOR ÚNICO EN TODO EL HEADER */
.euro-header-menu .ps-mainmenu__tree-link,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle::after,
.euro-header-actions,
.euro-header-actions *,
.euro-header-actions a,
.euro-header-actions button,
.euro-header-actions span,
.euro-header-actions i,
.euro-header-actions svg,
.euro-header-actions .material-icons,
.euro-header-account,
.euro-header-account *,
.euro-header-cart,
.euro-header-cart *,
.euro-header-language,
.euro-header-language *,
.euro-header-language select,
.euro-header-language .form-select,
.header-block__action-btn,
.header-block__title,
.cart-preview,
.cart-preview *,
.user-info,
.user-info * {
  color: var(--sauleda-pink) !important;
  fill: var(--sauleda-pink) !important;
  opacity: 1 !important;
}

/* SELECT IDIOMA: quitar flecha negra nativa y poner flecha rosa */
.euro-header-language select,
.euro-header-language .form-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f0c6c1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.15rem center !important;
  background-size: 12px 12px !important;
  padding-right: 18px !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Opciones del desplegable de idioma */
.euro-header-language select option,
.euro-header-language .form-select option {
  background: #20242a !important;
  color: #f0c6c1 !important;
}

/* Burbuja carrito: que el 0 se vea */
.euro-header-cart .header-block__badge,
.euro-header-cart .cart-products-count,
.euro-header-cart .cart-products-count-btn,
.euro-header-cart .badge,
.euro-header-cart [class*="badge"] {
  background: var(--sauleda-pink) !important;
  color: var(--sauleda-red) !important;
  border-radius: 999px !important;
  min-width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
  text-align: center !important;
  font-weight: 600 !important;
}

/* Hover suave */
.euro-header-actions a:hover,
.euro-header-actions button:hover,
.euro-header-menu .ps-mainmenu__tree-link:hover,
.euro-header-menu .ps-mainmenu__tree-dropdown-toggle:hover,
.euro-header-language select:hover,
.euro-header-language .form-select:hover {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* =========================================================
   Sauleda Theme v1.0.12
   Prueba línea entre header superior e inferior
   ========================================================= */

.euro-header-main {
  border-bottom: 1px solid white !important;
}

.euro-header-bottom > .container-md,
.header-bottom > .container-md {
  border-top: none !important;
}

/* =========================================================
   Sauleda Theme v1.0.13
   Acciones header rosa + badge carrito blanco
   ========================================================= */

:root {
  --sauleda-red: #b63221 !important;
  --sauleda-pink: #f0c6c1 !important;
}

/* Carrito, iniciar sesión e idioma: mismo rosa */
.euro-header-actions,
.euro-header-actions *,
.euro-header-account,
.euro-header-account *,
.euro-header-cart,
.euro-header-cart *,
.euro-header-language,
.euro-header-language *,
.euro-header-language select,
.euro-header-language .form-select,
.euro-header-actions .header-block__action-btn,
.euro-header-actions .header-block__action-btn i,
.euro-header-actions .header-block__action-btn span,
.euro-header-actions .header-block__title,
.euro-header-actions .material-icons {
  color: var(--sauleda-pink) !important;
  fill: var(--sauleda-pink) !important;
  opacity: 1 !important;
}

/* Flechas dropdown normales en rosa */
.euro-header-actions .dropdown-toggle::after,
.euro-header-language .dropdown-toggle::after {
  border-top-color: var(--sauleda-pink) !important;
}

/* Select idioma con flecha rosa */
.euro-header-language select,
.euro-header-language .form-select {
  color: var(--sauleda-pink) !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f0c6c1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.15rem center !important;
  background-size: 12px 12px !important;
}

/* Badge carrito: fondo blanco + número rojo Sauleda */
.euro-header-cart .header-block__badge,
.euro-header-cart .cart-products-count,
.euro-header-cart .cart-products-count-btn,
.euro-header-cart .badge,
.euro-header-cart [class*="badge"],
.euro-header-cart [class*="count"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: var(--sauleda-red) !important;
  fill: var(--sauleda-red) !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
  padding: 0 6px !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Hover: texto blanco, badge se mantiene blanco/rojo */
.euro-header-actions a:hover,
.euro-header-actions button:hover,
.euro-header-actions .header-block__action-btn:hover,
.euro-header-actions .header-block__action-btn:hover i,
.euro-header-actions .header-block__action-btn:hover span {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.euro-header-cart a:hover .header-block__badge,
.euro-header-cart a:hover .cart-products-count,
.euro-header-cart a:hover .cart-products-count-btn,
.euro-header-cart a:hover .badge,
.euro-header-cart a:hover [class*="badge"],
.euro-header-cart a:hover [class*="count"] {
  background: #ffffff !important;
  color: var(--sauleda-red) !important;
  fill: var(--sauleda-red) !important;
}

/* =========================================================
   Sauleda Theme v1.0.14
   Badge carrito siempre blanco con número rojo
   ========================================================= */

:root {
  --sauleda-red: #b63221 !important;
}

/* Badge exacto del carrito: SIEMPRE fondo blanco + número rojo */
.euro-header-cart #_desktop_ps_shoppingcart .header-block__badge,
.euro-header-cart .ps-shoppingcart .header-block__badge,
.euro-header-cart .cart-preview .header-block__badge,
.euro-header-cart .header-block__action-btn .header-block__badge,
.euro-header-cart .header-block__action-btn:hover .header-block__badge,
.euro-header-cart .header-block__action-btn:focus .header-block__badge,
.euro-header-cart .header-block__action-btn:hover span.header-block__badge,
.euro-header-cart .header-block__action-btn:focus span.header-block__badge {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: var(--sauleda-red) !important;
  -webkit-text-fill-color: var(--sauleda-red) !important;
  fill: var(--sauleda-red) !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-width: 22px !important;
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Por si el número se renderiza dentro de otra capa en AJAX */
.euro-header-cart .header-block__badge *,
.euro-header-cart .header-block__action-btn:hover .header-block__badge *,
.euro-header-cart .header-block__action-btn:focus .header-block__badge * {
  color: var(--sauleda-red) !important;
  -webkit-text-fill-color: var(--sauleda-red) !important;
  fill: var(--sauleda-red) !important;
}

/* =========================================================
   Sauleda Theme v1.0.15
   Resultados del buscador header
   ========================================================= */

/* Caja de resultados debajo del buscador */
.euro-header-search #search_widget .search-widgets__dropdown {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28) !important;
  overflow: hidden !important;
  z-index: 3000 !important;
  padding: 8px 0 !important;
  margin: 0 !important;
}

/* Lista */
.euro-header-search #search_widget .search-widgets__results {
  display: block !important;
  width: 100% !important;
  max-height: 360px !important;
  overflow-y: auto !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #ffffff !important;
}

/* Cada resultado */
.euro-header-search #search_widget .search-result {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #ffffff !important;
}

/* Enlace resultado */
.euro-header-search #search_widget .search-result__link {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 76px !important;
  padding: 12px 18px !important;
  background: #ffffff !important;
  color: #222222 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Hover resultado */
.euro-header-search #search_widget .search-result__link:hover,
.euro-header-search #search_widget .search-result__link:focus {
  background: #f5f5f5 !important;
  color: #b63221 !important;
  text-decoration: none !important;
}

/* Imagen resultado */
.euro-header-search #search_widget .search-result__image {
  flex: 0 0 56px !important;
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  background: #f1f1f1 !important;
  margin: 0 !important;
}

/* Nombre resultado */
.euro-header-search #search_widget .search-result__name {
  display: block !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #222222 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

/* Hover nombre */
.euro-header-search #search_widget .search-result__link:hover .search-result__name,
.euro-header-search #search_widget .search-result__link:focus .search-result__name {
  color: #b63221 !important;
}

/* Último resultado sin borde */
.euro-header-search #search_widget .search-result:last-child .search-result__link {
  border-bottom: 0 !important;
}

/* =========================================================
   Sauleda Theme v1.0.16
   Alinear resultados justo bajo la barra de búsqueda
   ========================================================= */

.euro-header-search {
  position: relative !important;
}

.euro-header-search #_desktop_search {
  position: relative !important;
}

.euro-header-search #search_widget {
  position: relative !important;
}

/* La caja tenía buen ancho, pero salía demasiado a la izquierda */
.euro-header-search #search_widget .search-widgets__dropdown {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

/* =========================================================
   Sauleda Theme v1.0.17
   Header móvil compacto: ocultar header-top vacío
   ========================================================= */

@media (max-width: 767.98px) {

  /* En móvil el header-top solo contiene desktop oculto, así que no debe ocupar */
  .header-top {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }

  /* Header móvil real */
  .header-bottom,
  .euro-header-bottom {
    display: block !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #b63221 !important;
    border: 0 !important;
  }

  .euro-header-bottom > .container-md,
  .header-bottom > .container-md {
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
  }

  .euro-mobile-header-row,
  .header-bottom__row {
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
  }

  /* Logo móvil centrado verticalmente */
  .euro-mobile-logo {
    height: 66px !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
  }

  .euro-mobile-logo .navbar-brand {
    height: 66px !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .euro-mobile-logo img {
    max-width: 136px !important;
    max-height: 54px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  /* Iconos móviles alineados y compactos */
  .euro-header-menu,
  .euro-mobile-search,
  .euro-mobile-user,
  .euro-mobile-cart {
    height: 66px !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
  }

  .euro-header-menu .ps-mainmenu__mobile-toggle,
  .euro-mobile-search .header-block,
  .euro-mobile-user .header-block,
  .euro-mobile-cart .header-block {
    height: 66px !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
  }

  .euro-header-menu .ps-mainmenu__mobile-toggle .menu-toggle,
  .euro-mobile-search .header-block__action-btn,
  .euro-mobile-user .header-block__action-btn,
  .euro-mobile-cart .header-block__action-btn {
    height: 44px !important;
    width: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
  }

  .euro-header-menu .material-icons,
  .euro-mobile-search .material-icons,
  .euro-mobile-user .material-icons,
  .euro-mobile-cart .material-icons {
    font-size: 26px !important;
    line-height: 1 !important;
  }

  /* Badge carrito móvil visible */
  #_mobile_cart .header-block__badge,
  .euro-mobile-cart .header-block__badge {
    background: #ffffff !important;
    color: #b63221 !important;
    -webkit-text-fill-color: #b63221 !important;
    border-radius: 999px !important;
    min-width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.18
   Tablet: ocultar header-bottom visual, mantener offcanvas
   ========================================================= */

@media (min-width: 768px) and (max-width: 1199.98px) {

  /* En tablet el menú inferior no debe existir visualmente */
  .header-bottom,
  .euro-header-bottom {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .euro-header-bottom > .container-md,
  .header-bottom > .container-md,
  .euro-mobile-header-row,
  .header-bottom__row {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* Ocultar el hamburger que pinta ps_mainmenu dentro del header-bottom */
  .euro-header-bottom .ps-mainmenu__mobile-toggle,
  .euro-header-bottom .menu-toggle,
  .euro-header-bottom .ps-mainmenu__desktop {
    display: none !important;
  }

  /* El contenedor del hook no ocupa, pero no se usa overflow hidden para no matar el offcanvas */
  .euro-header-bottom .euro-header-menu,
  .euro-header-bottom .ps-mainmenu {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  /* Mantener vivo y visible el offcanvas cuando se abre */
  .euro-header-bottom .ps-mainmenu--mobile,
  #mobileMenu {
    height: 100vh !important;
    max-height: none !important;
    background: #20242a !important;
    color: #f0c6c1 !important;
    z-index: 5000 !important;
  }

  #mobileMenu.offcanvas,
  #mobileMenu.offcanvas.show,
  #mobileMenu.show {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
  }

  /* Header superior tablet más limpio */
  .header-top,
  .euro-header-main {
    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
    padding: 0 !important;
  }

  .euro-header-logo img {
    max-width: 170px !important;
    max-height: 68px !important;
  }

  .euro-header-search #search_widget form {
    height: 42px !important;
  }

  .euro-header-search #search_widget input[type="search"],
  .euro-header-search #search_widget .js-search-input {
    height: 42px !important;
    line-height: 42px !important;
    font-size: 17px !important;
  }

  .euro-header-tablet-menu .header-block__action-btn,
  .euro-header-tablet-menu .header-block__icon {
    color: #f0c6c1 !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.19
   Offcanvas menú tablet/móvil visible y limpio
   ========================================================= */

@media (max-width: 1199.98px) {

  /* Panel lateral real */
  #mobileMenu.ps-mainmenu--mobile,
  #mobileMenu.offcanvas {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 360px !important;
    max-width: 86vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    background: #20242a !important;
    color: #f0c6c1 !important;
    z-index: 5000 !important;
    overflow-y: auto !important;
    box-shadow: 18px 0 45px rgba(0, 0, 0, 0.35) !important;
  }

  /* Cabecera del offcanvas */
  #mobileMenu .offcanvas-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 64px !important;
    padding: 18px 22px !important;
    background: #20242a !important;
    border-bottom: 1px solid rgba(240, 198, 193, 0.22) !important;
  }

  #mobileMenu .btn-close {
    filter: invert(1) !important;
    opacity: 0.8 !important;
    margin: 0 !important;
  }

  #mobileMenu .ps-mainmenu__back-button,
  #mobileMenu .ps-mainmenu__back-button button,
  #mobileMenu .ps-mainmenu__back-button span,
  #mobileMenu .ps-mainmenu__back-button i {
    color: #f0c6c1 !important;
    font-size: 16px !important;
    text-decoration: none !important;
  }

  /* Cuerpo del menú */
  #mobileMenu .ps-mainmenu__mobile,
  #mobileMenu .menu--mobile,
  #mobileMenu .menu__list {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #20242a !important;
    color: #f0c6c1 !important;
    list-style: none !important;
  }

  #mobileMenu .menu__list {
    padding: 10px 0 !important;
  }

  #mobileMenu .menu__list > li,
  #mobileMenu li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(240, 198, 193, 0.12) !important;
  }

  #mobileMenu .menu__link {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-height: 52px !important;
    padding: 0 22px !important;
    color: #f0c6c1 !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    background: transparent !important;
  }

  #mobileMenu .menu__link:hover,
  #mobileMenu .menu__link:focus {
    background: #b63221 !important;
    color: #ffffff !important;
  }

  #mobileMenu .menu__toggle-child {
    flex: 0 0 52px !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #f0c6c1 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #mobileMenu .menu__toggle-child i,
  #mobileMenu .menu__toggle-child .material-icons {
    color: #f0c6c1 !important;
    font-size: 24px !important;
  }

  #mobileMenu .menu__toggle-child:hover,
  #mobileMenu .menu__toggle-child:focus {
    background: #b63221 !important;
    color: #ffffff !important;
  }

  #mobileMenu .menu__toggle-child:hover i,
  #mobileMenu .menu__toggle-child:focus i {
    color: #ffffff !important;
  }

  /* Elementos extra idioma/moneda dentro del offcanvas */
  #mobileMenu .ps-mainmenu__additionnals {
    display: flex !important;
    padding: 18px 22px !important;
    background: #20242a !important;
    color: #f0c6c1 !important;
    border-top: 1px solid rgba(240, 198, 193, 0.22) !important;
  }

  #mobileMenu .ps-mainmenu__additionnals *,
  #mobileMenu select,
  #mobileMenu a,
  #mobileMenu span {
    color: #f0c6c1 !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.20
   Tablet: header sin desbordamiento horizontal
   ========================================================= */

@media (min-width: 768px) and (max-width: 1199.98px) {

  html,
  body {
    overflow-x: hidden !important;
  }

  .header-top,
  .euro-header-main {
    width: 100% !important;
    max-width: 100% !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .header-top > .container-md,
  .euro-header-main {
    max-width: 100% !important;
  }

  .header-top > .container-md {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .euro-header-main {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  /* Logo más pequeño para que quepa */
  .euro-header-logo {
    flex: 0 0 150px !important;
    width: 150px !important;
    max-width: 150px !important;
    min-width: 150px !important;
  }

  .euro-header-logo img {
    max-width: 142px !important;
    max-height: 58px !important;
    width: auto !important;
    height: auto !important;
  }

  /* Buscador flexible: no puede empujar el header fuera */
  .euro-header-search {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  .euro-header-search #_desktop_search,
  .euro-header-search #search_widget {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .euro-header-search #search_widget form {
    height: 40px !important;
  }

  .euro-header-search #search_widget input[type="search"],
  .euro-header-search #search_widget .js-search-input {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 16px !important;
    padding-left: 42px !important;
    padding-right: 42px !important;
  }

  .euro-header-search #search_widget .material-icons.search,
  .euro-header-search #search_widget .js-search-icon {
    left: 13px !important;
    font-size: 23px !important;
  }

  .euro-header-search #search_widget .material-icons.clear,
  .euro-header-search #search_widget .clear {
    right: 13px !important;
    font-size: 23px !important;
  }

  /* Acciones compactas */
  .euro-header-actions {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .euro-header-actions-inner {
    gap: 10px !important;
    white-space: nowrap !important;
  }

  /* En tablet, textos fuera: solo iconos para no desbordar */
  .euro-header-account .header-block__title,
  .euro-header-cart .header-block__title,
  .euro-header-account span:not(.material-icons):not(.header-block__badge),
  .euro-header-cart span:not(.material-icons):not(.header-block__badge) {
    display: none !important;
  }

  .euro-header-actions .header-block__action-btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 40px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .euro-header-actions .material-icons,
  .euro-header-tablet-menu .header-block__icon {
    font-size: 24px !important;
  }

  /* Idioma compacto */
  .euro-header-language select,
  .euro-header-language .form-select {
    max-width: 78px !important;
    width: 78px !important;
    font-size: 15px !important;
    padding-right: 16px !important;
  }

  /* Badge carrito siempre visible y sin agrandar */
  .euro-header-cart .header-block__badge {
    min-width: 19px !important;
    width: 19px !important;
    height: 19px !important;
    line-height: 19px !important;
    font-size: 11px !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #b63221 !important;
    -webkit-text-fill-color: #b63221 !important;
  }

  /* El header-bottom no ocupa en tablet */
  .header-bottom,
  .euro-header-bottom {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.21
   Tablet: separar login e idioma
   ========================================================= */

@media (min-width: 768px) and (max-width: 1199.98px) {

  /* En tablet el login queda solo como icono para no pisar el idioma */
  .euro-header-account .header-block__title,
  .euro-header-account .header-block__action-btn span:not(.material-icons):not(.header-block__badge),
  .euro-header-account span:not(.material-icons):not(.header-block__badge) {
    display: none !important;
  }

  /* Más separación real entre iconos e idioma */
  .euro-header-actions-inner {
    gap: 16px !important;
  }

  .euro-header-language {
    margin-left: 6px !important;
  }

  /* Idioma un poco más ancho para que no quede pegado/cortado */
  .euro-header-language select,
  .euro-header-language .form-select {
    width: 92px !important;
    max-width: 92px !important;
    min-width: 92px !important;
    font-size: 15px !important;
    padding-left: 0 !important;
    padding-right: 18px !important;
  }

  /* Botones de acciones compactos */
  .euro-header-account .header-block__action-btn,
  .euro-header-cart .header-block__action-btn,
  .euro-header-tablet-menu .header-block__action-btn {
    width: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.22
   Tablet grande: login solo icono para no pisar idioma
   ========================================================= */

@media (min-width: 768px) and (max-width: 1399.98px) {

  .euro-header-account .header-block__title,
  .euro-header-account .header-block__action-btn .header-block__title,
  .euro-header-account #_desktop_ps_customersignin .header-block__title {
    display: none !important;
  }

  .euro-header-actions-inner {
    gap: 18px !important;
  }

  .euro-header-account .header-block__action-btn {
    width: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .euro-header-language {
    margin-left: 4px !important;
  }

  .euro-header-language select,
  .euro-header-language .form-select {
    min-width: 92px !important;
    width: 92px !important;
    max-width: 92px !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.23
   Header estrecho/tablet: login solo icono hasta 1600px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1600px) {

  /* Ocultar texto real "Sign in" / "Iniciar sesión" */
  .euro-header-account .d-md-inline.header-block__title,
  .euro-header-account .header-block__title,
  .euro-header-account #_desktop_ps_customersignin .header-block__title,
  .euro-header-account .ps-customersignin .header-block__title,
  .euro-header-account a.header-block__action-btn > span.header-block__title {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* Cuenta solo icono */
  .euro-header-account,
  .euro-header-account #_desktop_ps_customersignin,
  .euro-header-account .ps-customersignin,
  .euro-header-account .header-block {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    flex: 0 0 34px !important;
  }

  .euro-header-account a.header-block__action-btn {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Separación limpia antes del idioma */
  .euro-header-actions-inner {
    gap: 18px !important;
  }

  .euro-header-language {
    margin-left: 8px !important;
  }

  .euro-header-language select,
  .euro-header-language .form-select {
    min-width: 96px !important;
    width: 96px !important;
    max-width: 96px !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.24
   Submenú móvil compacto + idioma offcanvas oscuro
   ========================================================= */

@media (max-width: 1199.98px) {

  /* Cabecera del submenú: quitar altura sobrante entre "All" y los items */
  #mobileMenu .offcanvas-header {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(240, 198, 193, 0.18) !important;
    background: #20242a !important;
  }

  #mobileMenu .ps-mainmenu__back-button,
  #mobileMenu .ps-mainmenu__back-button button {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  #mobileMenu .btn-close {
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Cuerpo del menú/submenú sin hueco superior */
  #mobileMenu .ps-mainmenu__mobile,
  #mobileMenu .menu--mobile,
  #mobileMenu .menu--current,
  #mobileMenu .menu__list {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  #mobileMenu .menu__list {
    padding-bottom: 8px !important;
  }

  #mobileMenu .menu__list > li,
  #mobileMenu li {
    min-height: 44px !important;
  }

  #mobileMenu .menu__link {
    min-height: 44px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
  }

  #mobileMenu .menu__toggle-child {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
  }

  /* Selector de idioma dentro del menú: nada de caja blanca */
  #mobileMenu .ps-mainmenu__additionnals {
    padding: 14px 16px !important;
    background: #20242a !important;
    border-top: 1px solid rgba(240, 198, 193, 0.18) !important;
  }

  #mobileMenu .ps-languageselector,
  #mobileMenu #_mobile_ps_languageselector {
    width: 100% !important;
  }

  #mobileMenu .ps-languageselector select,
  #mobileMenu #_mobile_ps_languageselector select,
  #mobileMenu .ps-languageselector .form-select,
  #mobileMenu #_mobile_ps_languageselector .form-select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    padding: 0 34px 0 12px !important;
    background-color: #20242a !important;
    color: #f0c6c1 !important;
    border: 1px solid rgba(240, 198, 193, 0.35) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f0c6c1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px 12px !important;
  }

  #mobileMenu .ps-languageselector select option,
  #mobileMenu #_mobile_ps_languageselector select option {
    background: #20242a !important;
    color: #f0c6c1 !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.25
   Offcanvas menú: quitar huecos y acercar idioma
   ========================================================= */

@media (max-width: 1199.98px) {

  /* El offcanvas debe ordenar su contenido en columna normal */
  #mobileMenu {
    display: flex !important;
    flex-direction: column !important;
    background: #20242a !important;
  }

  /* Cabecera compacta */
  #mobileMenu .offcanvas-header {
    flex: 0 0 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 12px !important;
    margin: 0 !important;
  }

  /* Cuerpo del menú justo debajo de la cabecera */
  #mobileMenu .ps-mainmenu__mobile {
    position: static !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #20242a !important;
  }

  /* Menús internos sin top/transform que generen hueco */
  #mobileMenu .menu,
  #mobileMenu .menu--mobile,
  #mobileMenu .menu--current,
  #mobileMenu nav.menu {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #20242a !important;
  }

  #mobileMenu .menu__list {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #20242a !important;
  }

  #mobileMenu .menu__list > li {
    min-height: 38px !important;
    height: 38px !important;
    border-bottom: 1px solid rgba(240, 198, 193, 0.14) !important;
  }

  #mobileMenu .menu__link {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    line-height: 38px !important;
  }

  #mobileMenu .menu__toggle-child {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }

  /* Idioma pegado debajo de la lista, no en el quinto pino */
  #mobileMenu .ps-mainmenu__additionnals {
    position: static !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px !important;
    margin: 0 !important;
    margin-top: 0 !important;
    background: #20242a !important;
    border-top: 1px solid rgba(240, 198, 193, 0.18) !important;
  }

  #mobileMenu #_mobile_ps_languageselector,
  #mobileMenu .ps-languageselector {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #mobileMenu #_mobile_ps_languageselector select,
  #mobileMenu .ps-languageselector select,
  #mobileMenu #_mobile_ps_languageselector .form-select,
  #mobileMenu .ps-languageselector .form-select {
    width: auto !important;
    min-width: 92px !important;
    max-width: 140px !important;
    height: 34px !important;
    padding: 0 30px 0 10px !important;
    background-color: #20242a !important;
    color: #f0c6c1 !important;
    border: 1px solid rgba(240, 198, 193, 0.35) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.26
   Offcanvas: mostrar solo menú actual, no todos los submenús
   ========================================================= */

@media (max-width: 1199.98px) {

  /* Ocultar menús internos que no estén activos */
  #mobileMenu .menu--mobile:not(.menu--current),
  #mobileMenu nav.menu:not(.menu--current),
  #mobileMenu .menu:not(.menu--current) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Mostrar solo el menú actual */
  #mobileMenu .menu--mobile.menu--current,
  #mobileMenu nav.menu.menu--current,
  #mobileMenu .menu.menu--current {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* En el menú principal solo deben verse categorías principales */
  #mobileMenu .menu--current .menu__list {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Botón atrás compacto cuando se entra en submenú */
  #mobileMenu .ps-mainmenu__back-button .js-back-button:not(.d-none) {
    display: flex !important;
  }

  #mobileMenu .ps-mainmenu__back-button .js-back-button.d-none {
    display: none !important;
  }

  /* El idioma queda siempre debajo del menú actual */
  #mobileMenu .ps-mainmenu__additionnals {
    margin-top: 0 !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.28
   Offcanvas compacto: idioma debajo del menú actual
   ========================================================= */

@media (max-width: 1199.98px) {

  /* Offcanvas en flujo normal, sin empujar bloques al fondo */
  #mobileMenu {
    background: #20242a !important;
    color: #f0c6c1 !important;
    overflow-y: auto !important;
  }

  #mobileMenu .offcanvas-header {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    background: #20242a !important;
    border-bottom: 1px solid rgba(240, 198, 193, 0.18) !important;
  }

  #mobileMenu .ps-mainmenu__mobile {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #20242a !important;
  }

  /* Solo se muestra el menú actual */
  #mobileMenu .menu:not(.menu--current),
  #mobileMenu nav.menu:not(.menu--current),
  #mobileMenu .menu--mobile:not(.menu--current) {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }

  #mobileMenu .menu.menu--current,
  #mobileMenu nav.menu.menu--current,
  #mobileMenu .menu--mobile.menu--current {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    visibility: visible !important;
    background: #20242a !important;
  }

  #mobileMenu .menu__list {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #20242a !important;
  }

  /* Filas compactas */
  #mobileMenu .menu--current .menu__list > li,
  #mobileMenu .menu--current li {
    display: flex !important;
    align-items: center !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(240, 198, 193, 0.14) !important;
    background: #20242a !important;
  }

  #mobileMenu .menu--current .menu__link {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    color: #f0c6c1 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 36px !important;
    text-decoration: none !important;
    background: transparent !important;
  }

  #mobileMenu .menu--current .menu__toggle-child {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #f0c6c1 !important;
    background: transparent !important;
    border: 0 !important;
  }

  #mobileMenu .menu--current .menu__link:hover,
  #mobileMenu .menu--current .menu__link:focus,
  #mobileMenu .menu--current .menu__toggle-child:hover,
  #mobileMenu .menu--current .menu__toggle-child:focus {
    background: #b63221 !important;
    color: #ffffff !important;
  }

  /* Idioma justo después del menú actual */
  #mobileMenu .ps-mainmenu__additionnals,
  #mobileMenu .offcanvas-body.ps-mainmenu__additionnals {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    background: #20242a !important;
    border-top: 1px solid rgba(240, 198, 193, 0.18) !important;
  }

  #mobileMenu #_mobile_ps_languageselector,
  #mobileMenu .ps-languageselector {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #mobileMenu #_mobile_ps_languageselector select,
  #mobileMenu .ps-languageselector select,
  #mobileMenu #_mobile_ps_languageselector .form-select,
  #mobileMenu .ps-languageselector .form-select {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 34px !important;
    padding: 0 30px 0 10px !important;
    background-color: #20242a !important;
    color: #f0c6c1 !important;
    border: 1px solid rgba(240, 198, 193, 0.45) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 300 !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.29
   Quitar focus azul en header y menús
   ========================================================= */

.header-top a:focus,
.header-top button:focus,
.header-top select:focus,
.header-top input:focus,
.header-bottom a:focus,
.header-bottom button:focus,
.header-bottom select:focus,
.header-bottom input:focus,
.euro-header-main a:focus,
.euro-header-main button:focus,
.euro-header-main select:focus,
.euro-header-main input:focus,
.euro-header-bottom a:focus,
.euro-header-bottom button:focus,
.euro-header-bottom select:focus,
.euro-header-bottom input:focus,
#mobileMenu a:focus,
#mobileMenu button:focus,
#mobileMenu select:focus,
#mobileMenu input:focus,
.ps-mainmenu a:focus,
.ps-mainmenu button:focus,
.ps-mainmenu select:focus,
.ps-mainmenu input:focus {
  outline: none !important;
  box-shadow: none !important;
}

.header-top a:focus-visible,
.header-top button:focus-visible,
.header-top select:focus-visible,
.header-top input:focus-visible,
.header-bottom a:focus-visible,
.header-bottom button:focus-visible,
.header-bottom select:focus-visible,
.header-bottom input:focus-visible,
.euro-header-main a:focus-visible,
.euro-header-main button:focus-visible,
.euro-header-main select:focus-visible,
.euro-header-main input:focus-visible,
.euro-header-bottom a:focus-visible,
.euro-header-bottom button:focus-visible,
.euro-header-bottom select:focus-visible,
.euro-header-bottom input:focus-visible,
#mobileMenu a:focus-visible,
#mobileMenu button:focus-visible,
#mobileMenu select:focus-visible,
#mobileMenu input:focus-visible,
.ps-mainmenu a:focus-visible,
.ps-mainmenu button:focus-visible,
.ps-mainmenu select:focus-visible,
.ps-mainmenu input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* =========================================================
   Sauleda Theme v1.0.30 Footer
   Footer estilo www.sauleda.com
   ========================================================= */

.sauleda-footer {
  background: #b63221 !important;
  color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
}

.sauleda-footer a {
  color: #ffffff !important;
  text-decoration: none !important;
}

.sauleda-footer a:hover,
.sauleda-footer a:focus {
  color: #f0c6c1 !important;
  text-decoration: none !important;
}

.sauleda-footer__main {
  background: #b63221 !important;
  padding: 64px 0 72px !important;
}

.sauleda-footer__grid {
  display: grid !important;
  grid-template-columns: 1.35fr 1fr 1fr 1.45fr !important;
  gap: 72px !important;
  align-items: start !important;
}

.sauleda-footer__logo {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 48px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 34px !important;
}

.sauleda-footer__address p {
  margin: 0 0 8px !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

.sauleda-footer__address strong {
  font-weight: 700 !important;
}

.sauleda-footer__col h3 {
  margin: 0 0 26px !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

.sauleda-footer__col ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sauleda-footer__col li {
  position: relative !important;
  margin: 0 0 16px !important;
  padding-left: 30px !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

.sauleda-footer__col li::before {
  content: "›" !important;
  position: absolute !important;
  left: 0 !important;
  top: -1px !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.sauleda-footer__col li a {
  display: inline-block !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
}

.sauleda-footer__resources {
  display: flex !important;
  flex-direction: column !important;
  min-height: 330px !important;
}

.sauleda-footer__social {
  margin-top: auto !important;
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  padding-top: 34px !important;
}

.sauleda-footer__social a {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #303741 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.sauleda-footer__social a:hover,
.sauleda-footer__social a:focus {
  background: #20242a !important;
  color: #ffffff !important;
}

.sauleda-footer__bottom {
  background: #2d333a !important;
  color: #ffffff !important;
  min-height: 64px !important;
}

.sauleda-footer__bottom-inner {
  min-height: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

.sauleda-footer__copy {
  color: rgba(255, 255, 255, 0.42) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.sauleda-footer__legal {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px !important;
  flex: 1 1 auto !important;
}

.sauleda-footer__legal a {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

.sauleda-footer__top {
  width: 54px !important;
  height: 44px !important;
  border-radius: 6px 6px 0 0 !important;
  background: #20242a !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 300 !important;
  margin-left: 16px !important;
}

@media (max-width: 991.98px) {
  .sauleda-footer__main {
    padding: 42px 0 !important;
  }

  .sauleda-footer__grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    text-align: center !important;
  }

  .sauleda-footer__logo {
    font-size: 38px !important;
    margin-bottom: 18px !important;
  }

  .sauleda-footer__address p,
  .sauleda-footer__col h3,
  .sauleda-footer__col li,
  .sauleda-footer__col li a {
    font-size: 15px !important;
  }

  .sauleda-footer__col li {
    padding-left: 0 !important;
    margin-bottom: 10px !important;
  }

  .sauleda-footer__col li::before {
    display: none !important;
  }

  .sauleda-footer__resources {
    min-height: 0 !important;
  }

  .sauleda-footer__social {
    margin-top: 10px !important;
  }

  .sauleda-footer__bottom-inner {
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 18px 0 !important;
    gap: 12px !important;
  }

  .sauleda-footer__legal {
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
  }

  .sauleda-footer__top {
    display: none !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.32 Footer móvil
   Estilo móvil tipo www.sauleda.com
   ========================================================= */

@media (max-width: 767.98px) {

  .sauleda-footer__main {
    padding: 0 0 72px !important;
  }

  .sauleda-footer__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    text-align: left !important;
    padding: 0 38px !important;
  }

  .sauleda-footer__brand {
    display: none !important;
  }

  .sauleda-footer__col h3 {
    margin: 0 0 18px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    text-align: left !important;
  }

  .sauleda-footer__col ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  .sauleda-footer__col li {
    display: block !important;
    position: relative !important;
    margin: 0 0 14px !important;
    padding-left: 42px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  .sauleda-footer__col li::before {
    display: block !important;
    content: "›" !important;
    position: absolute !important;
    left: 10px !important;
    top: -3px !important;
    color: #ffffff !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
  }

  .sauleda-footer__col li a {
    display: inline !important;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
  }

  .sauleda-footer__resources {
    min-height: 0 !important;
  }

  .sauleda-footer__social {
    margin: 34px auto 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  .sauleda-footer__social a {
    width: 42px !important;
    height: 42px !important;
    font-size: 18px !important;
  }

  .sauleda-footer__bottom {
    min-height: 72px !important;
    background: #2d333a !important;
  }

  .sauleda-footer__bottom-inner {
    position: relative !important;
    min-height: 72px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .sauleda-footer__copy {
    width: 100% !important;
    padding: 0 78px 0 70px !important;
    color: rgba(255, 255, 255, 0.42) !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .sauleda-footer__legal {
    display: none !important;
  }

  .sauleda-footer__top {
    position: absolute !important;
    right: 24px !important;
    top: 11px !important;
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    border-radius: 5px !important;
    background: #20242a !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 300 !important;
  }
}

/* =========================================================
   Sauleda Theme v1.0.33 Footer móvil brand
   Recupera logo/dirección y los centra en móvil
   ========================================================= */

@media (max-width: 767.98px) {

  .sauleda-footer__main {
    padding: 42px 0 72px !important;
  }

  .sauleda-footer__brand {
    display: block !important;
    text-align: center !important;
    margin: 0 auto 10px !important;
  }

  .sauleda-footer__logo {
    display: block !important;
    text-align: center !important;
    font-size: 58px !important;
    line-height: 1 !important;
    margin: 0 0 34px !important;
  }

  .sauleda-footer__address {
    text-align: center !important;
  }

  .sauleda-footer__address p {
    text-align: center !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    margin: 0 0 10px !important;
  }

  .sauleda-footer__grid {
    padding: 0 38px !important;
  }
}


/*
###########################################
######## CABECERA CATEGORIA SAULEDA #######
###########################################
*/

body#category .sauleda-category-hero{position:relative;width:100%;overflow:hidden;}
body#category .sauleda-category-hero__image{display:block;width:100%;height:350px;object-fit:cover;object-position:center;}
body#category .sauleda-category-hero__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;}
body#category .sauleda-category-hero__title{display:inline-block;margin:0;padding:25px 35px;background:rgba(0,0,0,.72);color:#fff;font-size:30px;font-weight:600;line-height:1.2;text-transform:uppercase;}
body#category .sauleda-category-hero--sin-imagen{padding:45px 0;background:#eee;}
body#category .sauleda-category-hero--sin-imagen .sauleda-category-hero__title{background:rgba(0,0,0,.82);}
body#category .breadcrumb__wrapper{margin-top:0;}
body#category .sauleda-category-content{padding-top:35px;padding-bottom:35px;}
body#category .sauleda-category-content .category__description{max-width:1100px;margin:0;}
body#category .sauleda-category-content .category__description p:last-child{margin-bottom:0;}

@media (max-width:1199.98px){
body#category .sauleda-category-hero__image{height:300px;}
body#category .sauleda-category-hero__title{padding:22px 28px;font-size:26px;}
}

@media (max-width:767.98px){
body#category .sauleda-category-hero__image{height:220px;}
body#category .sauleda-category-hero__title{max-width:calc(100vw - 30px);padding:16px 20px;font-size:21px;}
body#category .sauleda-category-content{padding-top:25px;padding-bottom:25px;}
}


/*
###########################################
##### CABECERA CATEGORIA SAULEDA FINAL ####
###########################################
*/

body#category .sauleda-category-banner{position:relative;width:100%;overflow:hidden;}
body#category .sauleda-category-banner__picture{display:block;width:100%;}
body#category .sauleda-category-banner__image{display:block;width:100%;height:auto;min-height:260px;max-height:420px;object-fit:cover;object-position:center;}
body#category .sauleda-category-banner__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;}
body#category .sauleda-category-banner__overlay .container{width:100%;}
body#category .sauleda-category-banner__title{display:inline-block;max-width:760px;margin:0;padding:26px 34px;background:rgba(0,0,0,.72);color:#fff;font-size:30px;font-weight:600;line-height:1.2;text-align:left;text-transform:uppercase;}
body#category .sauleda-category-banner--sin-imagen{padding:45px 0;background:#eee;}
body#category .sauleda-category-banner--sin-imagen .sauleda-category-banner__title{background:rgba(0,0,0,.82);}
body#category .breadcrumb__wrapper{margin-top:0;margin-bottom:0;}
body#category .sauleda-category-description{padding:32px 0;margin-bottom:40px;}
body#category .sauleda-category-description__content{max-width:1100px;margin:0;text-align:justify;}
body#category .sauleda-category-description__content p:last-child{margin-bottom:0;}
body#category .sauleda-category-subcategories{margin-top:0;}

@media (max-width:1199.98px){
body#category .sauleda-category-banner__image{min-height:240px;max-height:340px;}
body#category .sauleda-category-banner__title{max-width:calc(100% - 30px);padding:22px 28px;font-size:26px;}
}

@media (max-width:767.98px){
body#category .sauleda-category-banner__image{height:220px;min-height:220px;object-fit:cover;}
body#category .sauleda-category-banner__title{max-width:calc(100% - 24px);padding:16px 20px;font-size:21px;}
body#category .sauleda-category-description{padding:24px 0;margin-bottom:28px;}
}


/* INICIO GRID PRODUCTOS CATEGORIA SAULEDA */

/*
###########################################
#### PRODUCTOS CATEGORIA 6 / 5 / 2 ########
###########################################
*/

body#category #js-product-list>.products{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:28px 16px!important;}
body#category #js-product-list>.products>.product-miniature{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;}

@media (min-width:768px) and (max-width:1199.98px){
body#category #js-product-list>.products{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:24px 14px!important;}
}

@media (max-width:767.98px){
body#category #js-product-list>.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 12px!important;}
}

/* FIN GRID PRODUCTOS CATEGORIA SAULEDA */


/* INICIO FILTROS HORIZONTALES SAULEDA */

/*
###########################################
##### FILTROS HORIZONTALES CATEGORIA ######
###########################################
*/

body#category .sauleda-category-columns{display:block;width:100%;}
body#category .sauleda-category-full-width{width:100%;max-width:none;}
body#category .sauleda-filters-wrap{position:relative;z-index:30;width:100%;margin:0 0 28px;overflow:visible;}
body#category #js-product-list-top{position:relative;z-index:10;overflow:visible;}

@media (min-width:768px){
body#category .sauleda-facetedsearch-horizontal{display:block!important;width:100%;overflow:visible;}
body#category .sauleda-facetedsearch-horizontal #search_filters_wrapper{display:block!important;width:100%;margin:0;padding:18px 20px;border:1px solid rgba(0,0,0,.14);background:#fff;overflow:visible;}
body#category .sauleda-facetedsearch-horizontal #_desktop_faceted{width:100%;overflow:visible;}
body#category .sauleda-facetedsearch-horizontal #search-filters{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;width:100%;overflow:visible;}
body#category .sauleda-facetedsearch-horizontal .left-block__title{display:block!important;margin:0;padding:12px 4px;font-size:15px;font-weight:600;white-space:nowrap;}
body#category .sauleda-facetedsearch-horizontal .search-filters__clear{grid-column:3;grid-row:1;margin:0;}
body#category .sauleda-facetedsearch-horizontal .search-filters__clear .btn{white-space:nowrap;}
body#category .sauleda-facetedsearch-horizontal .accordion{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;width:100%;margin:0;overflow:visible;}
body#category .sauleda-facetedsearch-horizontal .accordion-item{position:relative;flex:0 0 auto;width:auto!important;margin:0;border:0!important;background:transparent;overflow:visible;}
body#category .sauleda-facetedsearch-horizontal .accordion-button{position:relative;width:auto;min-width:155px;margin:0;padding:11px 42px 11px 15px;border:1px solid rgba(0,0,0,.2);border-radius:3px!important;background:#fff;box-shadow:none;font-size:14px;font-weight:500;white-space:nowrap;}
body#category .sauleda-facetedsearch-horizontal .accordion-button:hover{border-color:rgba(0,0,0,.5);}
body#category .sauleda-facetedsearch-horizontal .accordion-button:not(.collapsed){border-color:#111;background:#f5f5f5;color:#111;box-shadow:none;}
body#category .sauleda-facetedsearch-horizontal .accordion-button::after{position:absolute;right:14px;margin-left:0;}
body#category .sauleda-facetedsearch-horizontal .accordion-collapse{position:absolute;top:calc(100% + 7px);left:0;z-index:1050;width:max-content;min-width:280px;max-width:390px;max-height:390px;overflow:auto;border:1px solid rgba(0,0,0,.18);background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.17);}
body#category .sauleda-facetedsearch-horizontal .accordion-collapse.collapsing{height:auto!important;transition:none;}
body#category .sauleda-facetedsearch-horizontal .accordion-body{min-width:260px;margin:0;padding:15px;list-style:none;}
body#category .sauleda-facetedsearch-horizontal .accordion-body li{margin:0 0 8px;}
body#category .sauleda-facetedsearch-horizontal .accordion-body li:last-child{margin-bottom:0;}
body#category .sauleda-facetedsearch-horizontal .search-filters__slider-container{min-width:320px;}
body#category .products__selection{position:relative;z-index:5;}
}

@media (max-width:767.98px){
body#category .sauleda-filters-wrap{margin-bottom:0;}
}

/* FIN FILTROS HORIZONTALES SAULEDA */\n\n\n/* INICIO SUBCATEGORIAS VISUALES SAULEDA */

/*
###########################################
##### SUBCATEGORIAS VISUALES SAULEDA ######
###########################################
*/

body#category .sauleda-category-subcategories{width:100%;margin:0 0 42px;}
body#category .subcategory{width:100%;}
body#category .subcategory__list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;width:100%;margin:0!important;padding:0!important;}
body#category .subcategory__link{position:relative;display:block!important;width:100%!important;min-width:0!important;min-height:0!important;aspect-ratio:16/9;margin:0!important;padding:0!important;overflow:hidden;background:#ddd;text-decoration:none!important;}
body#category .subcategory__link picture{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0!important;overflow:hidden;}
body#category .subcategory__thumbnail{display:block!important;width:100%!important;height:100%!important;margin:0!important;object-fit:cover;object-position:center;transform:scale(1);transition:transform .45s ease;}
body#category .subcategory__name{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex!important;align-items:center;justify-content:flex-start;min-height:72px;margin:0!important;padding:16px 22px!important;border:0;background:rgba(0,0,0,.58);color:#fff!important;font-size:24px!important;font-weight:600!important;line-height:1.2!important;text-align:left!important;text-transform:uppercase;text-decoration:none!important;transition:background-color .3s ease;}
body#category .subcategory__link:hover .subcategory__thumbnail{transform:scale(1.07);}
body#category .subcategory__link:hover .subcategory__name{background:rgba(0,0,0,.72);}
body#category .subcategory__link:focus-visible{outline:2px solid #111;outline-offset:3px;}

@media (min-width:768px) and (max-width:1199.98px){
body#category .subcategory__list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;}
body#category .subcategory__name{right:0;bottom:0;left:0;min-height:64px;padding:14px 18px!important;font-size:20px!important;}
}

@media (max-width:767.98px){
body#category .sauleda-category-subcategories{margin-bottom:30px;}
body#category .subcategory__list{grid-template-columns:1fr!important;gap:18px!important;}
body#category .subcategory__name{right:0;bottom:0;left:0;min-height:56px;padding:12px 16px!important;font-size:18px!important;}
}

/* FIN SUBCATEGORIAS VISUALES SAULEDA */


/* SUBCATEGORIAS SAULEDA SIN BORDER RADIUS */
body#category .sauleda-category-subcategories .subcategory__link,
body#category .sauleda-category-subcategories .subcategory__link picture,
body#category .sauleda-category-subcategories .subcategory__thumbnail,
body#category .sauleda-category-subcategories .subcategory__name{border-radius:0!important;}

/* INICIO ESPACIO BAJO SUBCATEGORIAS SAULEDA */
body#category .subcategory__list.subcategory__list--with-images{margin-bottom:42px!important;}
@media (max-width:767.98px){body#category .subcategory__list.subcategory__list--with-images{margin-bottom:28px!important;}}
/* FIN ESPACIO BAJO SUBCATEGORIAS SAULEDA */

/* INICIO OCULTAR FILTROS VACIOS SAULEDA */
body#category .sauleda-filters-wrap.sauleda-facetedsearch-horizontal:not(:has(#search-filters .accordion-item)){display:none!important;}
/* FIN OCULTAR FILTROS VACIOS SAULEDA */

/* INICIO REFERENCIA PRODUCTO SAULEDA */
body#product .sauleda-product-reference{margin:6px 0 18px;color:#666;font-size:16px;font-weight:400;line-height:1.3;}
/* FIN REFERENCIA PRODUCTO SAULEDA */

/* INICIO PRODUCT BOTTOM ANCHO COMPLETO SAULEDA */
body#product .product__bottom{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;}
body#product .product__bottom-left,
body#product .product__bottom-right{display:block!important;flex:0 0 100%!important;width:100%!important;max-width:none!important;margin-right:0!important;margin-left:0!important;}
body#product .product__bottom-right{margin-top:24px!important;}
/* FIN PRODUCT BOTTOM ANCHO COMPLETO SAULEDA */

/*aumenta tama�o del icono caracteristicas Sauleda*/

.product-variant__colors .color {
  width: 4.0rem;
  height: 4.0rem;
}

/*Botones en rojo Sauleda*/

.btn-primary {
  background-color: #B63221;
  border-color: #B63221;
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #b8050f;
  border-color: #b8050f;
  color: #ffffff;
}

/*substituye azul del link por negro y subraya en hover Sauleda*/

:root {
  --bs-link-color: #000000;
  --bs-link-color-rgb: 0, 0, 0;
  --bs-link-hover-color: #000000;
  --bs-link-hover-color-rgb: 0, 0, 0;
  --bs-link-decoration: none;
  --bs-link-hover-decoration: underline;
}

a:hover {
  text-decoration: underline;
}