/* ARPA Core 1.0.2 · cambios pedidos por Pelayo (director general): más sobria, más institucional, sin bocadillos.
   Se carga DESPUÉS de arpa.css. Lo único que se mantiene en bocadillo es el cursor (solo escritorio con ratón). */

/* ---- 1. Sin bocadillos --------------------------------------------------------------------------- */
/* Sello A&A de la portada: el monograma solo, sin forma de bocadillo */
.sello{width:clamp(64px,7vw,104px);aspect-ratio:auto;rotate:0}
.sello img{position:static;width:100%;height:auto;display:block}
.sello svg{display:none}
/* Servicios: las dos frases, presentadas como declaraciones sobrias en dos columnas con filete */
.talk{display:grid;grid-template-columns:1fr;gap:2rem 4vw;margin-top:clamp(3rem,7vw,6rem);border-top:1px solid rgba(246,243,236,.35);padding-top:clamp(1.4rem,3vw,2.2rem)}
.talk figure,.talk figure.a,.talk figure.b{position:static;background:none;color:inherit;border-radius:0;padding:0;max-width:34ch;justify-self:start;font-size:clamp(1.15rem,.95rem + 1.1vw,1.8rem);line-height:1.3;font-weight:400;font-stretch:100%}
.talk figure::after{content:none}
.talk figcaption{margin-bottom:.9rem;color:#b9b3a6}
@media(min-width:900px){.talk{grid-template-columns:1fr 1fr}}
/* Formulario, aviso de cookies y botón de vídeo: formas rectas, sin cola de bocadillo */
.form{border-radius:.4rem}.form::after{content:none}
.ck{border-radius:.5rem}
.vid__play{border-radius:.4rem;width:4.6rem;height:3.4rem}.vid:hover .vid__play{transform:scale(1.06) rotate(0)}
.sello,.hero3__meta{filter:none}

/* ---- 2. Tono sobrio ------------------------------------------------------------------------------ */
.hero3__foot i{animation:none}
.hero3__meta{background:none;padding:0;border-radius:0;max-width:20rem}
.hero3__meta .lab{color:var(--ink)}
/* Tarjetas de caso: se quita el «&» gigante rojo al pasar el cursor; queda un velo discreto y el zoom */
.case__fig::after{content:"";background:rgba(11,11,11,.16);clip-path:none;opacity:0;transition:opacity .4s}
.case:hover .case__fig::after,.case:focus-visible .case__fig::after{clip-path:none;opacity:1}
/* Servicios: capítulo oscuro (antes rojo) con el rojo solo como acento */
.serv2.dark{background:var(--ink);color:var(--paper)}
.serv2.dark .serv2__list li{border-top:1px solid rgba(246,243,236,.3)}.serv2.dark .serv2__list li:last-child{border-bottom:1px solid rgba(246,243,236,.3)}
.serv2.dark .serv2__list a,.js .serv2.dark .serv2__list a{color:rgba(246,243,236,.5)}
.serv2.dark .serv2__list a.on,.serv2.dark .serv2__list a:hover,.serv2.dark .serv2__list a:focus-visible,.js .serv2.dark .serv2__list a.on{color:var(--paper)}
.serv2.dark .serv2__list .n{color:var(--red-hi)}
.serv2.dark .serv2__list .d,.serv2.dark .serv2__list a.on .d,.serv2.dark .serv2__list a:hover .d{color:inherit}
.serv2.dark .serv2__list .amp{color:var(--red-hi)}
.serv2.dark .serv2__h h2{color:var(--paper)}
.svp .acc{border-top:1px solid rgba(246,243,236,.3)}.svp .acc details{border-bottom:1px solid rgba(246,243,236,.3)}
.svp .acc .n{color:var(--red-hi)}.svp .acc summary:hover .t{color:var(--red-hi)}
.svp .acc .plus{color:var(--red-hi)}
.svp h1{color:var(--paper)}.svp .ph__lead{color:#cfc9bb}

/* ---- 3. Portada en MÓVIL: A&A + lema + una franja de creatividades que pasan despacio ----------- */
.hero3__strip{display:none}
.strip__t{display:flex;gap:.6rem;width:max-content;margin:0;padding:0;list-style:none;animation:strip 70s linear infinite}
.strip__t li{flex:none;margin:0;height:100%}
.strip__t img{display:block;height:100%;width:auto;max-width:none}
@keyframes strip{to{transform:translateX(-50%)}}
@media(max-width:699px){
  .hero3{grid-template-rows:auto auto 1fr auto;min-height:100svh;padding-top:5.4rem}
  .pile{display:none}
  .hero3__top{grid-row:1;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;padding-bottom:1.2rem;border-bottom:1px solid var(--ink);margin-bottom:1.4rem}
  .hero3__top .sello{width:64px;flex:none}
  .hero3__top .hero3__meta{font-size:.9rem;line-height:1.35;max-width:none}
  .hero3__top .hero3__meta .lab{display:block;font-size:.7rem;margin-bottom:.15rem}
  .hero3__h1{grid-row:2;align-self:start;margin:0 calc(var(--pad) * -.2) 1.2rem}
  .hero3__h1 .l1{font-size:min(19.5vw,17vh)}.hero3__h1 .l2{font-size:min(7.6vw,6.4vh)}
  .hero3__h1 .l3{font-size:min(16.5vw,14vh);white-space:normal;line-height:.84}
  .hero3__strip{display:block;grid-row:3;align-self:center;margin:.4rem calc(var(--pad) * -1);overflow:hidden;height:clamp(150px,31svh,300px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
  .strip__t{height:100%}
  .strip__t img{aspect-ratio:4/3;object-fit:cover}
  .hero3__foot{grid-row:4}
}
@media(prefers-reduced-motion:reduce){
  .strip__t{animation:none}
  .hero3__strip{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
}

/* ---- 4. Piezas sueltas de la cabecera (escritorio): solo la creatividad, sin nombre ------------- */
.pc,.pc.pc--d{padding:.35rem}
@media(min-width:700px){.pc,.pc.pc--d{padding:.4rem}}

/* ---- 5. Ficha de caso: solo la creatividad ------------------------------------------------------- */
.cs--solo .cs__media{margin-top:clamp(2rem,5vw,4rem)}
.cs--solo .mframe--poster{max-width:min(100%,780px)}

/* ---- 6. Equipo: Pelayo a la izquierda y, en escritorio, un mapa con las dos sedes a la derecha --- */
.team__row{display:block}
.team__map{display:none}
@media(min-width:900px){
  .team--map .team__row{display:grid;grid-template-columns:minmax(260px,300px) 1fr;gap:clamp(2rem,6vw,6rem);align-items:end}
  .team__map{display:block;position:relative;margin:0;color:var(--ink);align-self:end;padding-bottom:0;max-width:780px;justify-self:end;width:100%}
  .team__map .map{display:block;width:100%;height:auto}
  .map__p{position:absolute;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-stretch:112%;white-space:nowrap;color:var(--ink)}
  .map__p--mad{left:83.7%;top:31.8%;transform:translate(-50%,-190%)}
  .map__p--cdmx{left:17.9%;top:62.6%;transform:translate(-50%,130%)}
  .team--map .team__grid{display:block}
}
@media(min-width:700px){.hero3__top{flex-direction:row-reverse}}
.ft__sedes{opacity:.8}

/* 1.0.3 · Logo A&A grande en lugar de «Lo sabemos.» (el sello pequeño de la presentación sobra) */
.hero3--logo .hero3__top .sello{display:none}
.hero3__h1 .l1--logo{overflow:visible;padding-bottom:.6rem}
.hero3__h1 .l1--logo img{display:block;height:clamp(120px,17vw,250px);width:auto;max-width:100%}
@media(max-width:699px){.hero3__h1 .l1--logo img{height:auto;width:min(62vw,300px)}.hero3__h1 .l1--logo{padding-bottom:.9rem}}
@media(min-width:700px){.hero3--logo .hero3__top{flex-direction:row;justify-content:flex-start}}