/* Alapuerta — header (rediseño 2026) */

/* ---------- Layout de las filas del header (independiente de Elementor) ---------- */
.ap-hrow,.ap-hrow>.e-con-inner{display:flex!important;flex-direction:row!important;
  flex-wrap:nowrap!important;align-items:center!important;width:100%!important;}
.ap-hrow>.e-con,.ap-hrow>.e-con-inner>.e-con{width:auto!important;flex:0 0 auto;}

.ap-hrow--utils,.ap-hrow--utils>.e-con-inner{justify-content:space-between!important;gap:20px;}
.ap-hrow--utils>.e-con,.ap-hrow--utils>.e-con-inner>.e-con{flex:0 1 auto;min-width:0;}

.ap-hrow--main,.ap-hrow--main>.e-con-inner{gap:34px;}
.ap-hlogo{width:190px!important;flex:0 0 190px!important;}
.ap-hlogo img{max-width:100%;height:auto;display:block;}
.ap-hsearch{flex:1 1 auto!important;width:auto!important;min-width:0;}
.ap-hact{flex:0 0 auto!important;width:auto!important;margin-left:auto;}

.ap-hrow--nav,.ap-hrow--nav>.e-con-inner{gap:30px;align-items:stretch!important;}
.ap-hdept{flex:0 0 260px!important;width:260px!important;}
.ap-hmenu{flex:1 1 auto!important;width:auto!important;min-width:0;justify-content:center!important;}
.ap-hphone{flex:0 0 auto!important;width:auto!important;margin-left:auto;
  display:flex!important;align-items:center!important;}
.ap-hdept .elementor-widget-container,.ap-hdept .elementor-widget-shortcode,.ap-hdept .elementor-shortcode{height:100%;}
.ap-hmenu .elementor-widget-nav-menu{width:100%;}

@media(max-width:1024px){
  .ap-hrow--main,.ap-hrow--main>.e-con-inner{gap:16px;flex-wrap:wrap!important;}
  .ap-hlogo{width:150px!important;flex:0 0 150px!important;}
  .ap-hsearch{order:3;flex:1 1 100%!important;width:100%!important;}
  .ap-hact{order:2;}
  .ap-hrow--nav,.ap-hrow--nav>.e-con-inner{flex-wrap:wrap!important;gap:0;}
  .ap-hdept{flex:1 1 100%!important;width:100%!important;}
  .ap-hmenu{flex:1 1 100%!important;width:100%!important;justify-content:flex-start!important;}
  .ap-hphone{display:none!important;}
  .ap-hrow--utils>.e-con:last-child,.ap-hrow--utils>.e-con-inner>.e-con:last-child{display:none;}
}
@media(max-width:767px){
  .ap-hlogo{width:120px!important;flex:0 0 120px!important;}
  .ap-hrow--utils .ap-utils .elementor-widget-container{font-size:10px;letter-spacing:.06em;}
}

/* ---------- Buscador con selector de categoría ---------- */
.ap-buscador{display:flex;align-items:stretch;width:100%;border:1px solid var(--ap-black);
  border-radius:8px;overflow:hidden;background:var(--ap-surface);}
.ap-buscador__cat{position:relative;flex-shrink:0;border-right:1px solid var(--ap-border);}
.ap-buscador__cat select{appearance:none;-webkit-appearance:none;border:none;background:var(--ap-gray-50);
  font-family:var(--ap-font);font-size:13px;font-weight:600;color:var(--ap-text);
  padding:0 34px 0 16px;height:100%;min-height:46px;cursor:pointer;max-width:190px;
  text-overflow:ellipsis;border-radius:0;}
.ap-buscador__cat select:focus{outline:none;background:var(--ap-gray-100);}
.ap-buscador__cat::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;
  border-right:1.5px solid var(--ap-text-muted);border-bottom:1.5px solid var(--ap-text-muted);
  transform:translateY(-70%) rotate(45deg);pointer-events:none;}
.ap-buscador__input{flex:1;min-width:0;border:none!important;background:transparent;
  font-family:var(--ap-font);font-size:14px;padding:0 16px;min-height:46px;color:var(--ap-text);
  border-radius:0!important;box-shadow:none!important;}
.ap-buscador__input:focus{outline:none;}
.ap-buscador__input::placeholder{color:var(--ap-text-muted);}
.ap-buscador__btn{flex-shrink:0;border:none;background:var(--ap-accent);color:#000;
  font-family:var(--ap-font);font-size:14px;font-weight:600;padding:0 28px;cursor:pointer;
  transition:background var(--ap-duration) var(--ap-ease);}
.ap-buscador__btn:hover{background:var(--ap-accent-hover);}

/* ---------- Accesos (deseos / cuenta / carrito) ---------- */
.ap-acciones{display:flex;align-items:center;gap:26px;}
.ap-accion{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ap-text);
  font-family:var(--ap-font);font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap;}
.ap-accion:hover{color:var(--ap-accent-hover);}
.ap-accion svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.ap-accion__ico{position:relative;display:inline-flex;}
.ap-accion__n{position:absolute;top:-6px;right:-8px;background:var(--ap-accent);color:#000;
  font-family:var(--ap-mono);font-style:normal;font-size:10px;font-weight:600;
  min-width:17px;height:17px;border-radius:100px;display:flex;align-items:center;
  justify-content:center;padding:0 4px;}
.ap-accion__txt{display:flex;flex-direction:column;}
.ap-accion__txt b{font-family:var(--ap-font);font-size:13px;font-weight:750;letter-spacing:-.01em;}
.ap-accion__txt b .woocommerce-Price-amount{color:var(--ap-text);}

/* ---------- Departamentos ---------- */
.ap-dept{position:relative;}
.ap-dept__btn{display:flex;align-items:center;gap:12px;background:var(--ap-accent);color:#000;
  border:none;font-family:var(--ap-font);font-size:14px;font-weight:600;cursor:pointer;
  padding:15px 26px;height:100%;transition:background var(--ap-duration) var(--ap-ease);}
.ap-dept__btn:hover,.ap-dept__btn[aria-expanded="true"]{background:var(--ap-accent-hover);}
.ap-dept__ico{display:flex;flex-direction:column;gap:3px;width:15px;}
.ap-dept__ico span{display:block;height:1.5px;background:#000;border-radius:2px;}
.ap-dept__panel{position:absolute;top:100%;left:0;z-index:9990;width:340px;
  background:var(--ap-surface);border:1px solid var(--ap-border);border-top:2px solid var(--ap-accent);
  box-shadow:0 20px 50px rgba(0,0,0,.14);padding:8px 0;max-height:74vh;overflow-y:auto;}
.ap-dept__panel[hidden]{display:none;}
.ap-dept__panel ul{list-style:none;margin:0;padding:0;}
.ap-dept__panel li{position:relative;}
.ap-dept__cat{display:flex;align-items:center;gap:10px;padding:11px 20px;text-decoration:none;
  font-family:var(--ap-font);font-size:14px;color:var(--ap-text);font-weight:500;}
.ap-dept__cat span{flex:1;min-width:0;}
.ap-dept__cat em{font-family:var(--ap-mono);font-style:normal;font-size:11px;color:var(--ap-text-muted);}
.ap-dept__panel li:hover>.ap-dept__cat{background:var(--ap-gray-50);color:var(--ap-text);}
.ap-dept__subs{display:none;position:absolute;left:100%;top:0;width:290px;background:var(--ap-surface);
  border:1px solid var(--ap-border);border-left:2px solid var(--ap-accent);padding:10px 0;
  box-shadow:0 20px 50px rgba(0,0,0,.14);}
.ap-dept__panel li:hover>.ap-dept__subs{display:block;}
.ap-dept__subs a{display:block;padding:9px 20px;font-size:13.5px;color:var(--ap-text-secondary);text-decoration:none;}
.ap-dept__subs a:hover{color:var(--ap-text);background:var(--ap-gray-50);}
.ap-dept__todas{display:block;padding:14px 20px 6px;margin-top:6px;border-top:1px solid var(--ap-border);
  font-family:var(--ap-font);font-size:13px;font-weight:600;color:var(--ap-text);text-decoration:none;}
.ap-dept__todas:hover{color:var(--ap-accent-hover);}

/* ---------- Hotline ---------- */
.ap-hotline .elementor-heading-title{font-family:var(--ap-font)!important;font-size:14px!important;
  color:var(--ap-text-secondary)!important;font-weight:500!important;}
.ap-hotline .elementor-heading-title b,.ap-hotline .elementor-heading-title strong{
  color:var(--ap-text)!important;font-weight:750!important;}

/* ---------- Barra de utilidades ---------- */
.ap-utils .elementor-widget-container{font-family:var(--ap-mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ap-gray-400);}
.ap-utils a{color:var(--ap-gray-400);text-decoration:none;}
.ap-utils a:hover{color:var(--ap-accent);}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  .ap-buscador__cat{display:none;}
  .ap-buscador__btn{padding:0 20px;font-size:0;position:relative;width:52px;}
  .ap-buscador__btn::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:13px;
    margin:-8px 0 0 -8px;border:2px solid #000;border-radius:50%;}
  .ap-buscador__btn::before{content:"";position:absolute;left:50%;top:50%;width:2px;height:7px;
    background:#000;transform:rotate(-45deg);margin:3px 0 0 4px;border-radius:2px;}
  .ap-accion__txt{display:none;}
  .ap-acciones{gap:20px;}
  .ap-dept__btn{width:100%;justify-content:center;}
  .ap-dept__panel{width:100%;position:static;max-height:none;box-shadow:none;border-left:none;border-right:none;}
  .ap-dept__subs{display:none!important;}
}
@media(max-width:767px){
  .ap-buscador__input{font-size:16px;padding:0 12px;min-height:44px;}
  .ap-acciones{gap:16px;}
  .ap-accion svg{width:21px;height:21px;}
}
