/* Alapuerta - directorio de marcas y archivos de marca */

/* Barra: buscador + indice A-Z */
.ap-marcas__bar{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin:0 0 34px;
  padding:0 0 22px;border-bottom:1px solid var(--ap-border);}
.ap-marcas__buscar{position:relative;display:flex;align-items:center;flex:0 0 320px;max-width:100%;}
.ap-marcas__buscar svg{position:absolute;left:14px;width:18px;height:18px;fill:none;stroke:var(--ap-text-muted);
  stroke-width:1.8;stroke-linecap:round;pointer-events:none;}
.ap-marcas__buscar input{width:100%;height:46px;padding:0 14px 0 42px;border:1px solid var(--ap-border-strong);
  border-radius:6px;background:var(--ap-surface);font-family:var(--ap-font);font-size:15px;color:var(--ap-text);
  box-shadow:none;outline:none;transition:border-color var(--ap-duration) var(--ap-ease);}
.ap-marcas__buscar input::placeholder{color:var(--ap-text-muted);}
.ap-marcas__buscar input:focus{border-color:var(--ap-accent);}
.ap-marcas__az{display:flex;flex-wrap:wrap;gap:2px;flex:1 1 auto;transition:opacity var(--ap-duration) var(--ap-ease);}
.ap-marcas__az a,.ap-marcas__az span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;
  padding:0 6px;font-family:var(--ap-mono);font-size:12px;font-weight:500;letter-spacing:.06em;border-radius:4px;}
.ap-marcas__az a{color:var(--ap-text);text-decoration:none;border:1px solid transparent;
  transition:background var(--ap-duration) var(--ap-ease),border-color var(--ap-duration) var(--ap-ease);}
.ap-marcas__az a:hover{border-color:var(--ap-text);}
.ap-marcas__az span{color:var(--ap-gray-300);}

/* Grupos por letra */
.ap-marcas__grupo{margin:0 0 44px;scroll-margin-top:120px;}
.ap-marcas__letra{display:flex;align-items:baseline;gap:14px;margin:0 0 14px!important;
  font-family:var(--ap-font)!important;font-size:30px!important;font-weight:750!important;letter-spacing:-.03em!important;
  line-height:1!important;color:var(--ap-text)!important;}
.ap-marcas__letra span{display:inline-flex;align-items:center;gap:12px;}
.ap-marcas__letra span::after{content:"";display:inline-block;width:18px;height:2px;background:var(--ap-accent);}
.ap-marcas__letra em{font-family:var(--ap-mono);font-style:normal;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ap-text-muted);}

/* Rejilla de tarjetas (hairline) */
.ap-marcas__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;
  background:var(--ap-border);border:1px solid var(--ap-border);}
.ap-marcas__grid--top{grid-template-columns:repeat(6,minmax(0,1fr));}
.ap-marca{display:flex;flex-direction:column;min-width:0;background:var(--ap-surface);text-decoration:none;
  transition:background var(--ap-duration) var(--ap-ease);}
.ap-marca:hover{background:var(--ap-gray-50);}
.ap-marca[hidden]{display:none;}
.ap-marca__logo{display:flex;align-items:center;justify-content:center;height:96px;padding:18px 22px;
  border-bottom:1px solid var(--ap-border);}
.ap-marca__logo img{max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain;display:block;
  filter:grayscale(1) contrast(1.05);opacity:.78;transition:filter var(--ap-duration) var(--ap-ease),opacity var(--ap-duration) var(--ap-ease);}
.ap-marca:hover .ap-marca__logo img{filter:none;opacity:1;}
.ap-marca__mono{font-family:var(--ap-font);font-size:26px;font-weight:750;letter-spacing:-.03em;color:var(--ap-gray-400);
  text-transform:uppercase;transition:color var(--ap-duration) var(--ap-ease);}
.ap-marca:hover .ap-marca__mono{color:var(--ap-text);}
.ap-marca__meta{display:flex;flex-direction:column;gap:3px;padding:12px 16px 14px;}
.ap-marca__nombre{font-family:var(--ap-font);font-size:14px;font-weight:650;letter-spacing:-.01em;line-height:1.3;color:var(--ap-text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ap-marca__n{font-family:var(--ap-mono);font-style:normal;font-size:11px;letter-spacing:.04em;color:var(--ap-text-muted);}
.ap-marca:hover .ap-marca__n{color:var(--ap-accent-hover);}
.ap-marcas__vacio{font-size:15px!important;color:var(--ap-text-secondary)!important;padding:28px 0;margin:0!important;}
.ap-marcas__vacio a{color:var(--ap-text)!important;border-bottom:1px solid var(--ap-accent);}

/* Cabecera del archivo de marca */
.ap-marca-intro{display:flex;align-items:flex-start;gap:32px;}
.ap-marca-intro__logo{flex:0 0 200px;display:flex;align-items:center;justify-content:center;height:110px;
  padding:18px 22px;border:1px solid var(--ap-border);background:var(--ap-surface);}
.ap-marca-intro__logo img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain;display:block;}
.ap-marca-intro .ap-seo-intro{flex:1 1 auto;min-width:0;}

@media(max-width:1200px){
  .ap-marcas__grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .ap-marcas__grid--top{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:1024px){
  .ap-marcas__grid,.ap-marcas__grid--top{grid-template-columns:repeat(3,minmax(0,1fr));}
  .ap-marcas__grupo{scroll-margin-top:90px;}
}
@media(max-width:767px){
  .ap-marcas__bar{gap:14px;margin-bottom:26px;}
  .ap-marcas__buscar{flex:1 1 100%;}
  .ap-marcas__az a,.ap-marcas__az span{min-width:26px;height:28px;font-size:11px;}
  .ap-marcas__grid,.ap-marcas__grid--top{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ap-marca__logo{height:82px;padding:14px 16px;}
  .ap-marca__logo img{max-height:44px;}
  .ap-marca__meta{padding:10px 12px 12px;}
  .ap-marca__nombre{font-size:13px;}
  .ap-marcas__letra{font-size:26px!important;}
  .ap-marca-intro{flex-direction:column;gap:18px;}
  .ap-marca-intro__logo{flex-basis:auto;width:100%;max-width:220px;height:90px;}
}

/* Arbol de categorias dentro de una marca (barra de filtros) */
.ap-filtros__padre{position:relative;}
.ap-filtros__padre>a{padding-right:34px!important;}
.ap-filtros__desplegar{position:absolute;right:0;top:4px;width:28px;height:28px;border:0;background:transparent;cursor:pointer;padding:0;}
.ap-filtros__desplegar::before{content:"";position:absolute;left:10px;top:8px;width:7px;height:7px;border-right:1.5px solid var(--ap-text-muted);border-bottom:1.5px solid var(--ap-text-muted);transform:rotate(45deg);transition:transform var(--ap-duration) var(--ap-ease);}
.ap-filtros__padre.is-open>.ap-filtros__desplegar::before{transform:rotate(-135deg);top:11px;}
.ap-filtros__hijas{list-style:none;margin:0 0 6px 18px!important;padding:0 0 0 12px!important;border-left:1px solid var(--ap-border);}
.ap-filtros__hijas li a{padding-top:5px!important;padding-bottom:5px!important;font-size:13px!important;}
.ap-seo-subcats a.is-on{background:var(--ap-text);color:#fff;border-color:var(--ap-text);}
.ap-seo-subcats a.is-on em{color:var(--ap-accent);}
.ap-marca-intro__about{margin-bottom:12px!important;}

/* FAQ de la marca (bajo el catalogo) */
.ap-marca-faq{margin:56px 0 8px;padding-top:40px;border-top:1px solid var(--ap-border);}
.ap-marca-faq__head{display:flex;flex-direction:column;gap:10px;margin-bottom:8px;}
.ap-marca-faq__label{font-family:var(--ap-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ap-text-muted);font-weight:500;}
.ap-marca-faq__label::before{content:"";display:inline-block;width:18px;height:1px;background:var(--ap-accent);vertical-align:middle;margin-right:10px;}
.ap-marca-faq__h2{font-family:var(--ap-font)!important;font-size:clamp(26px,2.6vw,34px)!important;font-weight:750!important;letter-spacing:-.03em!important;line-height:1.05!important;color:var(--ap-text)!important;margin:0!important;}
.ap-marca-faq__item{border-bottom:1px solid var(--ap-border);}
.ap-marca-faq__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;}
.ap-marca-faq__item summary::-webkit-details-marker{display:none;}
.ap-marca-faq__item summary h3{font-family:var(--ap-font)!important;font-size:16.5px!important;font-weight:650!important;letter-spacing:-.01em!important;line-height:1.35!important;color:var(--ap-text)!important;margin:0!important;}
.ap-marca-faq__item summary::after{content:"+";flex-shrink:0;font-family:var(--ap-mono);font-size:20px;line-height:1;color:var(--ap-accent);transition:transform var(--ap-duration) var(--ap-ease);}
.ap-marca-faq__item[open] summary::after{transform:rotate(45deg);}
.ap-marca-faq__item p{margin:0 0 22px!important;font-size:15px!important;line-height:1.7!important;color:var(--ap-text-secondary)!important;max-width:78ch;}
@media(max-width:767px){.ap-marca-faq{margin-top:40px;padding-top:28px;}.ap-marca-faq__item summary{padding:16px 0;}}