:root{--tinta:#0E1B2C;--tinta2:#3B4A5E;--arena:#F4F0E8;--papel:#FFFDF9;--linea:#E3DCCF;--rojo:#C8102E;--azul:#1F4FA3;--verde:#128C4A;--r:14px;
  --f:'Archivo',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--f);color:var(--tinta);background:var(--arena);line-height:1.5;padding-bottom:env(safe-area-inset-bottom)}
img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}
a{color:inherit}
/* Encabezado */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(16px,4vw,48px);padding-top:calc(12px + env(safe-area-inset-top));background:rgba(244,240,232,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none}.marca b{display:block;font-stretch:112%;font-size:16px;letter-spacing:-.01em}.marca small{display:block;font-size:12px;color:var(--tinta2)}
.sello{width:38px;height:38px;border-radius:10px;background:var(--tinta);color:var(--arena);display:grid;place-items:center;font-weight:800;font-stretch:120%;font-size:15px}
/* Portada: tipografía grande sobre una retícula de plano */
.hero{padding:clamp(28px,6vw,72px) clamp(16px,4vw,48px) clamp(24px,4vw,40px);background:
  linear-gradient(var(--arena),rgba(244,240,232,.6)),repeating-linear-gradient(0deg,transparent 0 47px,var(--linea) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,var(--linea) 47px 48px)}
.hero-txt{max-width:900px}
.hero h1{font-size:clamp(34px,6.4vw,76px);line-height:.98;letter-spacing:-.035em;font-weight:800;font-stretch:84%;margin:0 0 16px;max-width:15ch}
.hero p{font-size:clamp(16px,1.6vw,19px);color:var(--tinta2);max-width:56ch;margin:0}
.buscador{margin-top:clamp(22px,3vw,34px);background:var(--papel);border:1px solid var(--linea);border-radius:18px;padding:16px;display:grid;gap:12px;max-width:980px;box-shadow:0 18px 40px -24px rgba(14,27,44,.35)}
.seg{display:inline-flex;background:var(--arena);border-radius:999px;padding:4px;justify-self:start}.seg button{border:0;background:none;padding:8px 18px;border-radius:999px;font-weight:700;cursor:pointer}.seg button.on{background:var(--tinta);color:var(--arena)}
.tipos{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.tipos button{flex:0 0 auto;border:1px solid var(--linea);background:var(--papel);padding:8px 14px;border-radius:999px;font-weight:600;cursor:pointer}.tipos button.on{border-color:var(--tinta);background:var(--tinta);color:var(--arena)}
.campos{display:grid;grid-template-columns:2fr 1.2fr auto;gap:10px;align-items:end}.campos label{display:grid;gap:4px;font-size:13px;color:var(--tinta2);font-weight:600}
.campos input,.orden select{border:1px solid var(--linea);background:#fff;border-radius:10px;padding:12px;font-size:16px;width:100%}
.btn-buscar{border:0;background:var(--rojo);color:#fff;font-weight:800;border-radius:10px;padding:13px 26px;cursor:pointer;font-size:16px}
/* Resultados */
.lista{padding:8px clamp(16px,4vw,48px) 40px;max-width:1320px;margin:0 auto}
.barra{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.barra p{margin:0;font-weight:700}.orden{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tinta2)}.orden select{width:auto;padding:8px 10px;font-size:14px}
.grilla{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s;text-align:left;padding:0}
.tarjeta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(14,27,44,.45)}
.foto{position:relative;aspect-ratio:4/3;background:var(--linea)}.foto img{width:100%;height:100%;object-fit:cover}
.etq{position:absolute;left:10px;top:10px;background:rgba(14,27,44,.82);color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px}
.cuerpo{padding:14px 16px 16px;display:grid;gap:6px}
.precio{font-size:22px;font-weight:800;letter-spacing:-.02em;font-stretch:90%}.precio small{font-size:14px;font-weight:600;color:var(--tinta2)}
.titulo{font-weight:700;font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.datos{font-size:14px;color:var(--tinta2)}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{font-size:12px;background:var(--arena);border-radius:999px;padding:3px 9px;font-weight:600}
.resumen{font-size:14px;color:var(--tinta2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.esq{background:linear-gradient(90deg,var(--linea),#efe9de,var(--linea));background-size:200% 100%;animation:brillo 1.2s infinite;border-radius:var(--r);aspect-ratio:3/4}@keyframes brillo{to{background-position:-200% 0}}
.mas{text-align:center;margin:26px 0}.mas button{border:1px solid var(--tinta);background:none;border-radius:999px;padding:12px 26px;font-weight:700;cursor:pointer}
.vacio{grid-column:1/-1;text-align:center;padding:40px 10px;color:var(--tinta2)}
.ayuda{margin:48px 0 0;background:var(--tinta);color:var(--arena);border-radius:20px;padding:clamp(24px,4vw,44px);display:grid;gap:10px;justify-items:start}
.ayuda h2{margin:0;font-size:clamp(24px,3vw,36px);letter-spacing:-.02em;font-stretch:88%}.ayuda p{margin:0;color:#C9D2DE;max-width:56ch}
.btn-wa{display:inline-flex;align-items:center;gap:8px;background:var(--verde);color:#fff;text-decoration:none;font-weight:800;border-radius:999px;padding:13px 22px}.btn-wa.chico{padding:8px 16px;font-size:14px}
.pie{padding:24px clamp(16px,4vw,48px) 90px;font-size:14px;color:var(--tinta2)}.pie p{margin:4px 0}.leve{font-size:12px}
.wa-flotante{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.25);z-index:30}
/* Ficha */
.ficha{position:fixed;inset:0;z-index:50;background:var(--arena);overflow-y:auto;-webkit-overflow-scrolling:touch}
.ficha-top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:rgba(244,240,232,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.ficha-top button{border:1px solid var(--linea);background:var(--papel);border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}
.galeria{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px;background:#111}.galeria img{flex:0 0 100%;max-height:62vh;object-fit:cover;scroll-snap-align:center;aspect-ratio:4/3}
@media (min-width:900px){.galeria img{flex-basis:62%}}
.ficha-c{max-width:860px;margin:0 auto;padding:20px 18px 120px;display:grid;gap:16px}
.ficha h1{font-size:clamp(26px,4vw,40px);line-height:1.05;letter-spacing:-.025em;margin:0;font-stretch:88%}
.ficha .precio{font-size:30px}.ubic{color:var(--tinta2);margin:0}
.tabla{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden}.tabla div{background:var(--papel);padding:12px}.tabla small{display:block;color:var(--tinta2);font-size:12px}.tabla b{font-size:17px}
.desc{white-space:pre-line;font-size:16px;line-height:1.65;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);padding:16px 18px;margin:0}
.cta{position:fixed;left:0;right:0;bottom:0;z-index:3;display:flex;gap:10px;justify-content:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,253,249,.96);border-top:1px solid var(--linea)}
.cta .btn-wa{flex:1;max-width:520px;justify-content:center;font-size:17px}
.parecidas h2{font-size:20px;margin:10px 0}.parecidas .grilla{grid-template-columns:repeat(2,1fr)}
@media (max-width:1000px){.grilla{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.campos{grid-template-columns:1fr 1fr}.campos .btn-buscar{grid-column:1/-1}.grilla{grid-template-columns:repeat(2,1fr);gap:10px}.cuerpo{padding:10px 11px 12px}.precio{font-size:18px}.titulo{font-size:14px}.resumen,.chips{display:none}.datos{font-size:12.5px}.top .btn-wa.chico{display:none}}
@media (max-width:340px){.grilla{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Encabezado con logo y pestañas */
.marca img{height:40px;width:auto}
.pestanas{display:flex;gap:4px;background:var(--papel);border:1px solid var(--linea);border-radius:999px;padding:4px}.pestanas a{text-decoration:none;font-weight:700;font-size:14px;padding:7px 14px;border-radius:999px;color:var(--tinta2)}.pestanas a.on{background:var(--tinta);color:var(--arena)}
/* Quiénes somos */
.nosotros{max-width:1120px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(16px,4vw,48px) 40px;display:grid;gap:clamp(28px,4vw,48px)}
.nos-hero{display:grid;grid-template-columns:minmax(220px,420px) 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.nos-foto{width:100%;height:auto;border-radius:20px;background:var(--linea);object-fit:cover;aspect-ratio:450/549}
.nos-remax{height:44px;width:auto;margin-bottom:10px}
.nos-txt h1{font-size:clamp(38px,6vw,72px);line-height:.95;letter-spacing:-.035em;font-stretch:84%;margin:0}
.nos-cargo{font-weight:700;color:var(--rojo);margin:8px 0 14px}.nos-txt p{font-size:17px;max-width:60ch}
.nos-acc{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn-sec{display:inline-flex;align-items:center;border:1px solid var(--tinta);border-radius:999px;padding:12px 20px;font-weight:700;text-decoration:none}
.nos-bloques{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nos-bloques article{background:var(--papel);border:1px solid var(--linea);border-radius:18px;padding:22px 24px}
.nos-bloques h2,.nos-pasos h2,.nos-contacto h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;font-stretch:88%;margin:0 0 12px}
.nos-bloques ul{margin:0;padding-left:18px;display:grid;gap:8px}
.nos-pasos ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:paso}
.nos-pasos li{counter-increment:paso;background:var(--papel);border:1px solid var(--linea);border-radius:16px;padding:18px;display:grid;gap:6px}
.nos-pasos li::before{content:counter(paso);font-weight:800;font-size:28px;font-stretch:80%;color:var(--rojo);line-height:1}.nos-pasos li span{color:var(--tinta2);font-size:14px}
.nos-contacto{background:var(--tinta);color:var(--arena);border-radius:20px;padding:clamp(22px,4vw,40px);display:grid;gap:10px;justify-items:start}.nos-contacto a{color:#fff}.nos-contacto .btn-wa{color:#fff}
@media (max-width:820px){.nos-hero,.nos-bloques{grid-template-columns:1fr}.nos-pasos ol{grid-template-columns:1fr 1fr}.nos-foto{max-width:360px}}
@media (max-width:620px){.pestanas a{padding:6px 10px;font-size:13px}.marca img{height:32px}}
@media (max-width:420px){.nos-pasos ol{grid-template-columns:1fr}}
.pestanas a{white-space:nowrap}@media (max-width:420px){.marca img{height:28px}.pestanas a{padding:6px 9px;font-size:12.5px}}
/* Fotos: todas del mismo tamaño (4:3); el servidor las recorta buscando la zona más interesante */
.tarjeta{height:100%}.foto{position:relative;aspect-ratio:4/3;overflow:hidden;flex:0 0 auto}.foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
/* Contacto: WhatsApp, llamada y (en computadora) correo */
.contacto-top{display:flex;gap:8px;align-items:center}.contacto-fila{display:flex;flex-wrap:wrap;gap:10px}
.btn-tel,.btn-mail{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--tinta);color:var(--tinta);text-decoration:none;font-weight:700;border-radius:999px;padding:13px 20px;background:var(--papel)}
.btn-tel.chico,.btn-mail.chico{padding:8px 14px;font-size:14px}.btn-tel.claro,.btn-mail.claro{background:transparent;border-color:#8FA0B8;color:#fff}
.cta{gap:8px}.cta .btn-wa{flex:2}.cta .btn-tel,.cta .btn-mail{flex:1;justify-content:center;max-width:220px}
.solo-pc{display:none}@media (hover:hover) and (min-width:900px){.solo-pc{display:inline-flex}}
@media (max-width:620px){.contacto-top .btn-wa{display:none}.contacto-top .btn-tel.chico{padding:7px 12px;font-size:13px}}
@media (max-width:620px){.contacto-top{display:none}}
/* Íconos de los botones de contacto */
.btn-wa::before,.btn-tel::before,.btn-mail::before{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.btn-wa{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.6.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.7-1.4.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.8 11.9 11.9 0 0 0 4.6 4 5.2 5.2 0 0 0 3.2.7 2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E")}
.btn-tel{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.2 15.2 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E")}
.btn-mail{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4.2-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E")}
.btn-tel.chico::before,.btn-mail.chico::before,.btn-wa.chico::before{width:15px;height:15px;flex-basis:15px}
/* Zonas múltiples */
.zonas-campo{display:grid;gap:4px;font-size:13px;color:var(--tinta2);font-weight:600}.zonas-campo small{font-weight:500}
.zonas-caja{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border:1px solid var(--linea);background:#fff;border-radius:10px;padding:6px 8px;min-height:48px;cursor:text}
.zonas-caja #zonasChips{display:contents}.zonas-caja input{border:0;outline:0;flex:1;min-width:150px;padding:6px 4px;font-size:16px;background:transparent}
.zchip{display:inline-flex;align-items:center;gap:4px;background:var(--tinta);color:var(--arena);border-radius:999px;padding:4px 6px 4px 11px;font-size:14px;font-weight:700}
.zchip button{border:0;background:rgba(255,255,255,.18);color:inherit;width:20px;height:20px;border-radius:50%;cursor:pointer;line-height:1;font-size:15px;padding:0}
/* Filtros de vivienda */
.vivienda{display:flex;flex-wrap:wrap;gap:12px 22px;padding-top:4px;border-top:1px dashed var(--linea)}
.sel-num{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sel-num>span{font-size:13px;font-weight:700;color:var(--tinta2);margin-right:2px}
.sel-num button{border:1px solid var(--linea);background:var(--papel);border-radius:999px;padding:6px 12px;font-weight:600;cursor:pointer;font-size:14px}.sel-num button.on{background:var(--tinta);color:var(--arena);border-color:var(--tinta)}
@media (max-width:620px){.campos .zonas-campo{grid-column:1/-1}}
/* Botones y pestañas: separación y estilo aunque el navegador tenga una versión vieja en caché */
.contacto-top,.contacto-fila{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pestanas{display:flex;gap:4px}.pestanas a{text-decoration:none}
.btn-tel,.btn-mail{text-decoration:none!important}
.tipos button[hidden]{display:none}
/* Logo más grande y nítido en computadora */
.marca img{height:58px;width:auto;image-rendering:auto}
@media (max-width:1100px){.marca img{height:48px}}
@media (max-width:620px){.marca img{height:38px}}
@media (max-width:420px){.marca img{height:32px}}
/* Proyectos (preventa / en construcción) */
.etapas{display:flex;gap:8px;flex-wrap:wrap}.etapas button{border:1px dashed var(--tinta2);background:var(--papel);padding:7px 14px;border-radius:999px;font-weight:600;cursor:pointer;font-size:14px}.etapas button.on{border-style:solid;background:var(--azul);border-color:var(--azul);color:#fff}
.etq.proy{left:auto;right:10px;background:var(--azul)}
.desde{font-size:14px;font-weight:600;color:var(--tinta2)}
.proy-aviso{background:#e8eefb;color:#1F4FA3;border-radius:10px;padding:10px 12px;font-weight:600;margin:0 0 10px}
/* Lo oculto se oculta siempre (las filas con display propio ignoraban el atributo hidden) */
[hidden]{display:none!important}
/* Etapas en una sola línea, deslizable en el celular */
.etapas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.etapas::-webkit-scrollbar{display:none}
.etapas button{flex:0 0 auto;white-space:nowrap}
@media (max-width:620px){.etapas{gap:6px;margin-right:-16px;padding-right:16px}.etapas button{padding:6px 12px;font-size:13px}.tipos{margin-right:-16px;padding-right:16px}}
@media (max-width:620px){.contacto-top{display:none!important}.pestanas{margin-left:auto}}
/* Precio: mínimo, máximo y moneda en una sola línea */
.campos{grid-template-columns:1.6fr 1.5fr auto}
.precio-campo{display:grid;gap:4px;font-size:13px;color:var(--tinta2);font-weight:600}
.precio-fila{display:flex;gap:6px;align-items:stretch}.precio-fila input{flex:1;min-width:0;border:1px solid var(--linea);background:#fff;border-radius:10px;padding:12px 10px;font-size:16px}
.moneda{display:flex;background:var(--arena);border-radius:10px;padding:3px;flex:0 0 auto}.moneda button{border:0;background:none;border-radius:8px;padding:0 9px;font-weight:700;font-size:13px;cursor:pointer;color:var(--tinta2)}.moneda button.on{background:var(--tinta);color:var(--arena)}
@media (max-width:900px){.campos{grid-template-columns:1fr 1fr}.campos .zonas-campo{grid-column:1/-1}.campos .precio-campo{grid-column:1/-1}.campos .btn-buscar{grid-column:1/-1}}
/* Página de propiedad generada en el servidor */
.ficha-estatica{max-width:1100px;margin:0 auto}.ficha-estatica .galeria{border-radius:0}.migas{padding:12px 18px;font-size:14px;color:var(--tinta2)}.migas a{color:var(--azul)}
.lista-simple{padding-left:18px;display:grid;gap:6px}.lista-simple a{color:var(--azul);font-weight:600}
.pag-prop .pestanas{margin-left:auto}
a.tarjeta{color:inherit;text-decoration:none}
.ficha-estatica .precio{font-size:30px}.ficha-estatica h1{font-size:clamp(26px,4vw,40px);line-height:1.05;letter-spacing:-.025em;margin:0;font-stretch:88%}.ficha-estatica .ficha-c{padding-bottom:120px}
/* Operación y etapa, dos deslizadores en la misma fila */
.fila-ops{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.seg-etapa button.on{background:var(--azul);color:#fff}
/* Zonas: lista propia de sugerencias */
.zonas-campo{position:relative}
.zonas-lista{position:absolute;z-index:15;left:0;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;background:var(--papel);border:1px solid var(--linea);border-radius:12px;box-shadow:0 16px 34px -16px rgba(14,27,44,.45);max-height:320px;overflow:auto}
.zonas-lista li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;color:var(--tinta)}
.zonas-lista li small{font-weight:500;color:var(--tinta2);font-size:12.5px}.zonas-lista li:hover,.zonas-lista li.res{background:var(--arena)}
.zonas-lista li.esp{color:var(--azul)}.zonas-lista li.cerca{border-top:1px dashed var(--linea);margin-top:4px;color:var(--rojo)}
.avisos{margin:2px 0 0;font-size:13px;color:var(--azul);font-weight:600}
@media (max-width:420px){.fila-ops .seg button{padding:7px 12px;font-size:14px}}
/* Pestañas del encabezado: tres del mismo ancho, centradas */
.pestanas{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;min-width:420px}
.pestanas a{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 10px;white-space:nowrap}
@media (max-width:900px){.pestanas{min-width:360px}}
@media (max-width:620px){.pestanas{min-width:0;width:100%;max-width:300px}.pestanas a{padding:6px 4px;font-size:12.5px}}
.pestanas{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:620px){.top{gap:8px}.marca{flex:0 0 auto}.pestanas{flex:1 1 auto;max-width:280px}.pestanas a{white-space:normal;line-height:1.15;font-size:12px;padding:6px 2px;min-height:36px}}
@media (max-width:620px){.marca img{height:30px}.pestanas{max-width:none}.pestanas a{font-size:12px;padding:6px 3px}}
@media (max-width:370px){.marca img{height:26px}.pestanas a{font-size:11.5px}}
/* Más aire alrededor de la pestaña marcada */
.pestanas{padding:5px;gap:6px}
.pestanas a{border-radius:999px}
@media (max-width:620px){.pestanas{padding:4px;gap:4px}.pestanas a{padding:6px 6px}}
@media (max-width:620px){.marca img{height:27px}.pestanas a{font-size:11.5px;padding:6px 9px;letter-spacing:-.01em}}
@media (max-width:370px){.marca img{height:24px}.pestanas a{font-size:11px;padding:6px 7px}}