/* Marcas: vistas independientes y tarjetas con imágenes proporcionales. */
.brand-hub .brand-hero{padding:16px 0 28px;max-width:850px}
.brand-hub .brand-hero h1{font-size:clamp(38px,5vw,58px);margin:10px 0 12px}
.brand-hub .brand-hero p{font-size:17px;margin:0 0 12px;line-height:1.55}
.brand-page .brand-view-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:620px;padding:12px 0;border:0}
.brand-page .brand-view-nav a{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;min-width:0;border:1px solid #d5dedf;border-radius:8px;background:#f8f9f6;text-decoration:none;line-height:1.3}
.brand-page .brand-view-nav a.active{background:#172a3d;border-color:#172a3d;color:#fff}
.brand-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:2px 6px;border-radius:5px;background:#172a3d0b;font-size:12px}
.brand-page .brand-view-nav a.active .brand-tab-count{background:#ffffff1f}
.brand-hub .brand-section{padding-top:20px}
.brand-page .brand-news-grid,.brand-page .brand-model-grid{align-items:start;grid-auto-rows:auto}
.brand-page .brand-story,.brand-page .brand-model{min-width:0;max-width:100%;height:auto;align-self:start}
.brand-page .brand-story>a,.brand-page .brand-model>a{display:flex;flex-direction:column;height:auto}
.brand-page .brand-story a>.brand-story-media{padding:0;aspect-ratio:16/9;overflow:hidden;background:#edf0ed}
.brand-page .brand-model a>.brand-model-media{padding:0;aspect-ratio:3/2;overflow:hidden;background:#fff}
.brand-page .brand-story-media>img,.brand-page .brand-model-media>img{display:block;width:100%;height:100%;min-height:0;max-width:100%;aspect-ratio:auto}
.brand-page .brand-model-media>img{object-fit:contain}
.brand-page .brand-story-media>img{object-fit:cover}
.brand-page .brand-model-body{padding:18px 20px 20px}
.brand-page .brand-model h3{font-size:23px;line-height:1.2;margin:9px 0 10px;overflow-wrap:anywhere}
.brand-page .brand-model strong{font-size:23px;line-height:1.2}
.brand-page .brand-model p{font-size:14px;line-height:1.5;margin:10px 0 15px}
.brand-page .brand-story h3{overflow-wrap:anywhere}
.brand-all-link{display:inline-block;margin-top:12px;color:#153c59;font-size:14px;font-weight:750}
.brand-page .brand-directory-card.brand-tile{aspect-ratio:8/5;min-height:0;min-width:0;padding:20px;align-self:start}
.brand-page .brand-tile-content{min-height:0;height:100%;max-width:200px}
.brand-page .brand-tile-image,.brand-page .brand-tile-mask{height:clamp(44px,6vw,84px);max-height:100%;min-height:0}
@media(max-width:600px){
 .brand-page .brand-view-nav{gap:6px;max-width:none}
 .brand-page .brand-view-nav a{padding:12px 5px;font-size:13px;gap:5px}
 .brand-tab-count{min-width:20px;min-height:20px;font-size:11px;padding:1px 4px}
 .brand-hub .brand-hero{padding:12px 0 20px}
 .brand-page .brand-directory-card.brand-tile{padding:16px}
 .brand-page .brand-tile-image,.brand-page .brand-tile-mask{height:52px}
}
@media(max-width:420px){.brand-page .brand-view-nav .brand-tab-count{display:none}}