/* ═══════════════════════════════════════════════════════════════════
   DR. ANDRÉS COVARRUBIAS · HERO
   ≥1025px y horizontal → composición de escritorio (réplica de la referencia
                           "Clinical", cabe completa: 100svh, sin scroll)
   ≤1024px o vertical   → app móvil/tableta (estándar de los demos:
                           dock "Agenda tu cita" + secciones + barras fijas)
   ═══════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Poppins";font-weight:400;font-display:swap;src:url(../fonts/poppins-400.woff) format("woff")}
@font-face{font-family:"Poppins";font-weight:500;font-display:swap;src:url(../fonts/poppins-500.woff) format("woff")}
@font-face{font-family:"Poppins";font-weight:700;font-display:swap;src:url(../fonts/poppins-700.woff) format("woff")}
:root{
  --bg:#f6f7f9;
  --ink:#1c2433;
  --ink-soft:rgba(28,36,51,.6);
  --coral:#ec5f3a;
  --coral-2:#d8481f;
  --peach:#fde7d6;
  --peach-2:#fcdcc4;
  --blue:#d9e9f8;
  --pink:#fbc6d3;
  --yellow:#fde2a0;
  --pill:#dcebf8;
  --wa:#25c766;

  --font:"Poppins","Avenir Next","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --ease:cubic-bezier(.22,.8,.24,1);
  --H:max(620px,100svh);
  --pad:16px;
}
@supports not (height:100svh){:root{--H:max(620px,100vh)}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
p,h1,h2,ul{margin:0}
img{display:block}
.ac-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ac-ic{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ac-ic--fill{fill:currentColor;stroke:none}
:where(a,button):focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--coral)}

.ac-mark{width:1.35em;height:1.35em;flex:none;fill:none;stroke:var(--coral);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

.ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;height:46px;padding:0 1.7em;border-radius:999px;font-weight:500;font-size:14.5px;white-space:nowrap;
  background:var(--coral);color:#fff;box-shadow:0 12px 24px -14px rgba(236,95,58,.95);
  transition:translate .3s var(--ease),background-color .25s}
.ac-btn:hover{translate:0 -2px;background:var(--coral-2)}

/* ───────────── hero shell (escritorio) ───────────── */
.ac-hero{position:relative;isolation:isolate;overflow:hidden;height:var(--H);container-type:size;background:var(--bg);
  --side:3.6cqw;
  --inset:1.1cqw;                                  /* margen del panel y las tarjetas */
  --r:min(2.6cqh,1.5cqw);                          /* radio del panel y las tarjetas */
  --t:min(7cqh,4cqw);                              /* tamaño del titular */
  --sh:min(81cqh,45.5cqw)}                         /* alto del PNG (2048×2048; pelo en y=235 → 11.5%, cara al 48.8% del ancho) */

/* barra de navegación: marca · secciones (píldora) · agendar */
.ac-topbar{position:absolute;z-index:10;top:1.4cqh;left:var(--side);right:var(--side);height:7.4cqh;
  display:flex;align-items:center;gap:2cqw;animation:fade .7s var(--ease) .05s backwards}
.ac-brand{display:flex;align-items:center;gap:.45em;font-weight:700;font-size:clamp(15px,min(1.5cqw,2.7cqh),29px);letter-spacing:-.04em;color:var(--coral);white-space:nowrap}
.ac-menu{display:flex;align-items:center;gap:clamp(2px,.6cqw,14px);margin-inline:auto;padding:min(.7cqh,.4cqw);border-radius:999px;background:var(--pill)}
.ac-menu a{padding:.62em 1.35em;border-radius:999px;font-weight:500;font-size:clamp(12px,min(.92cqw,1.7cqh),17.5px);color:#2b3342;transition:background-color .25s,color .25s}
.ac-menu a:hover{background:#fff;color:var(--coral)}
.ac-topcta{height:min(5.2cqh,2.95cqw);min-height:36px;font-size:clamp(12px,min(.92cqw,1.7cqh),17.5px)}
.ac-call,.ac-name{display:none}

/* escena: panel durazno (recorta al doctor por abajo) + órbitas + PNG original tal cual */
.ac-stage{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(120deg,#fdebdd 0%,var(--peach) 45%,var(--peach-2) 100%);
  clip-path:inset(10.6cqh var(--inset) 29cqh var(--inset) round var(--r));animation:fade 1s var(--ease) .05s backwards}
.ac-orbits{position:absolute;left:43cqw;top:10.6cqh;width:57cqw;height:60.4cqh;animation:fade 1.6s var(--ease) .3s backwards}
.ac-orbits g{transform-origin:330px 250px;animation:orbit 60s linear infinite}
@keyframes orbit{to{rotate:360deg}}
.ac-subject{position:absolute;top:calc(14.6cqh - var(--sh)*.115);left:calc(67.5cqw - var(--sh)*.488);height:var(--sh);width:auto;max-width:none;
  animation:subject-in 1.2s var(--ease) .25s backwards}
@keyframes subject-in{from{opacity:0;transform:translateY(4%)}}

/* texto dentro del panel */
.ac-copy{position:absolute;z-index:4;left:5.4cqw;top:17.5cqh}
.ac-title{font-weight:500;font-size:var(--t);line-height:1.08;letter-spacing:-.045em;color:var(--coral)}
.ac-title>span{display:block;white-space:nowrap;animation:rise .9s var(--ease) .2s backwards}
.ac-title>span:nth-child(2){animation-delay:.3s}
.ac-title>span:nth-child(3){animation-delay:.4s}
.ac-lead{margin-top:min(2.8cqh,1.6cqw);width:26cqw;font-size:clamp(11px,min(.95cqw,1.75cqh),18px);line-height:1.6;color:#6b6f78;animation:rise .8s var(--ease) .5s backwards}
.ac-dark{display:inline-flex;align-items:center;margin-top:min(3.8cqh,2.1cqw);height:min(5.8cqh,3.3cqw);min-height:36px;padding:0 1.8em;border-radius:999px;
  background:var(--ink);color:#fff;font-weight:500;font-size:clamp(12px,min(.9cqw,1.65cqh),17px);box-shadow:0 14px 26px -16px rgba(28,36,51,.9);
  transition:translate .3s var(--ease),background-color .25s;animation:rise .8s var(--ease) .6s backwards}
.ac-dark:hover{translate:0 -2px;background:var(--coral)}

.ac-proof{position:absolute;z-index:4;left:5.4cqw;top:61.2cqh;display:flex;align-items:center;gap:min(1.6cqh,.9cqw);animation:rise .8s var(--ease) .7s backwards}
.ac-avs{display:flex;padding-left:.55em}
.ac-av{width:min(5.4cqh,3.05cqw);aspect-ratio:1;margin-left:-.55em;border-radius:50%;display:grid;place-items:center;font-size:min(1.9cqh,1.05cqw);
  background:linear-gradient(160deg,var(--c1),var(--c2));color:#fff;box-shadow:0 0 0 3px var(--peach)}
.ac-av .ac-ic{width:52%;height:52%;stroke-width:2.1}
.ac-av--n{background:#dcd9fb;color:var(--ink);font-weight:500;font-size:min(1.45cqh,.82cqw)}
.ac-proof__t{font-weight:500;font-size:clamp(10px,min(.78cqw,1.42cqh),15px);line-height:1.35;color:var(--ink)}

/* tarjetas inferiores (navegan) */
.ac-cards{position:absolute;z-index:4;left:var(--inset);right:var(--inset);top:73cqh;bottom:2.2cqh;display:grid;grid-template-columns:1fr 1fr 1.65fr 1fr;gap:var(--inset)}
.ac-fcard{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r);padding:min(2.8cqh,1.6cqw);color:var(--ink);
  transition:translate .35s var(--ease),box-shadow .35s var(--ease);animation:rise .8s var(--ease) backwards}
.ac-fcard:nth-child(1){animation-delay:.6s}.ac-fcard:nth-child(2){animation-delay:.68s}.ac-fcard:nth-child(3){animation-delay:.76s}.ac-fcard:nth-child(4){animation-delay:.84s}
.ac-fcard:hover{translate:0 -4px;box-shadow:0 26px 40px -28px rgba(28,36,51,.55)}
.ac-fcard--blue{background:var(--blue)}
.ac-fcard--pink{background:var(--pink)}
.ac-fcard--yellow{background:var(--yellow)}
.ac-fcard__t{position:relative;max-width:12.5em;font-size:clamp(14px,min(1.3cqw,2.35cqh),26px);line-height:1.18;letter-spacing:-.03em;color:#3a4150}
.ac-fcard__d{position:relative;margin-top:.8em;max-width:19em;font-size:clamp(10.5px,min(.8cqw,1.48cqh),15.5px);line-height:1.55;color:#636977}
.ac-go{position:absolute;left:min(2.8cqh,1.6cqw);bottom:min(2.8cqh,1.6cqw);width:min(4.6cqh,2.6cqw);aspect-ratio:1;display:grid;place-items:center;border-radius:28%;background:#fff;color:var(--ink);
  box-shadow:0 8px 16px -10px rgba(28,36,51,.5);transition:background-color .3s,color .3s,rotate .4s var(--ease)}
.ac-go .ac-ic{width:48%;height:48%;stroke-width:2.2}
.ac-fcard:hover .ac-go{background:var(--ink);color:#fff;rotate:45deg}
/* tarjeta con la foto del consultorio → Ubicación */
.ac-fcard--photo{justify-content:flex-end;padding-right:calc(min(2.8cqh,1.6cqw)*2 + min(4.6cqh,2.6cqw));background:#cfd5de}
.ac-fcard--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;transition:scale .8s var(--ease)}
.ac-fcard--photo:hover img{scale:1.05}
.ac-fcard--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,26,38,0) 32%,rgba(20,26,38,.7) 100%)}
.ac-fcard--photo .ac-fcard__t{z-index:1;max-width:15em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.ac-fcard--photo .ac-go{z-index:1;left:auto;right:min(2.8cqh,1.6cqw)}
.ac-fcard__chip{position:absolute;z-index:1;top:min(2.4cqh,1.35cqw);left:min(2.4cqh,1.35cqw);display:inline-flex;align-items:center;gap:.45em;padding:.5em 1em .5em .8em;border-radius:999px;
  background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:500;font-size:clamp(10px,min(.78cqw,1.42cqh),15px);color:var(--ink)}
.ac-fcard__chip .ac-ic{color:var(--coral);stroke-width:2.2}

/* solo celular */
.ac-dock,.ac-soc,.ac-mobile-only{display:none}

/* ───────────── navegación fija de escritorio ───────────── */
.ac-snav{position:fixed;z-index:60;top:12px;left:50%;translate:-50% -160%;width:min(1140px,calc(100% - 24px));
  display:flex;align-items:center;gap:20px;padding:8px 8px 8px 24px;border-radius:999px;
  background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
  border:1px solid rgba(28,36,51,.08);box-shadow:0 18px 36px -22px rgba(28,36,51,.5);
  opacity:0;visibility:hidden;transition:translate .45s var(--ease),opacity .3s,visibility .3s}
.ac-snav.is-on{translate:-50% 0;opacity:1;visibility:visible}
.ac-snav__brand{font-weight:700;font-size:17px;letter-spacing:-.04em;white-space:nowrap;color:var(--coral)}
.ac-snav__links{flex:1;display:flex;justify-content:center;gap:4px}
.ac-snav__links a{padding:.6em 1em;border-radius:999px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s}
.ac-snav__links a:hover{background:var(--pill)}
.ac-snav__links a.ac-is-cur{background:var(--coral);color:#fff}

/* secciones de relleno */
.ac-ph{min-height:70vh;margin:12px;padding:clamp(28px,5vw,72px);border-radius:clamp(22px,2.6vw,38px);background:#f6f4f2;scroll-margin-top:90px}
.ac-ph h2{font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-.03em}
.ac-ph p{margin-top:8px;color:var(--ink-soft)}

/* ───────────── movimiento ───────────── */
@keyframes rise{from{opacity:0;translate:0 16px}}
@keyframes fade{from{opacity:0}}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(255,255,255,.85)}70%,100%{box-shadow:0 0 0 16px rgba(255,255,255,0)}}

/* ═══════════════════════════════════════════════════════════════════
   APP MÓVIL / TABLETA (≤1024px o vertical)
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width:1024px),(max-aspect-ratio:10/11){
  :root{--pad:16px;--mbar-h:calc(72px + env(safe-area-inset-bottom,0px))}
  body{padding-bottom:var(--mbar-h);background:#fff}
  .ac-desktop-only{display:none!important}
  .ac-mobile-only{display:revert}

  /* hero + dock caben completos en la primera pantalla */
  .ac-hero{height:calc(100svh - var(--mbar-h));min-height:540px;container-type:inline-size;display:flex;flex-direction:column;
    background:linear-gradient(180deg,#fff 0%,#fff8f3 100%)}

  /* barra superior: marca + llamar */
  .ac-topbar{position:relative;inset:auto;margin:calc(10px + env(safe-area-inset-top,0px)) 12px 0;height:auto;padding:8px 8px 8px 16px;border-radius:20px;
    display:flex;justify-content:space-between;gap:10px;background:#fff3ea}
  .ac-menu,.ac-topcta{display:none}
  .ac-brand{font-size:clamp(15px,4.3vw,19px);min-width:0}
  .ac-brand span{overflow:hidden;text-overflow:ellipsis}
  .ac-call{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--coral);color:#fff;
    box-shadow:0 10px 22px -12px rgba(236,95,58,.95);transition:background-color .25s}
  .ac-call:active{background:var(--ink)}

  /* nombre */
  .ac-name{display:flex;position:relative;z-index:4;flex-direction:column;align-items:center;margin-top:clamp(14px,4.5vw,28px);text-align:center;
    font-weight:500;font-size:min(12.2vw,84px);line-height:1.02;letter-spacing:-.05em;color:var(--ink);white-space:nowrap;animation:rise .9s var(--ease) .1s backwards}
  .ac-name__a{margin-bottom:.02em;font-size:.6em;letter-spacing:-.035em;color:var(--coral)}
  .ac-copy,.ac-proof,.ac-cards{display:none}

  /* escena: panel durazno con órbitas + doctor */
  .ac-stage{position:relative;inset:auto;flex:1 1 0;min-height:0;margin-top:6px;pointer-events:auto;background:none;clip-path:none;overflow:visible}
  .ac-stage::before{content:"";position:absolute;left:12px;right:12px;top:16%;bottom:-40px;border-radius:32px 32px 0 0;
    background:linear-gradient(160deg,#fdebdd 0%,var(--peach) 50%,var(--peach-2) 100%);animation:fade 1s var(--ease) backwards}
  .ac-orbits{left:12px;top:16%;width:calc(100% - 24px);height:calc(84% + 40px);border-radius:32px 32px 0 0}
  .ac-subject{top:calc(3% - 120%*.115);left:50%;height:120%;translate:-48.8% 0;animation:subject-in 1.1s var(--ease) .2s backwards}

  /* dock tipo hoja inferior */
  .ac-dock{display:grid;position:relative;z-index:5;margin-top:-26px;gap:10px;padding:20px var(--pad) var(--pad);
    background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -14px 30px -20px rgba(28,36,51,.45);animation:dock-up .9s var(--ease) .45s backwards}
  @keyframes dock-up{from{transform:translateY(80px)}}
  .ac-cta,.ac-sections{width:100%;max-width:640px;margin-inline:auto}
  .ac-cta{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title go" "sub go";align-items:center;column-gap:12px;
    padding:16px 16px 16px 20px;border-radius:26px;background:linear-gradient(135deg,#f06d47 0%,var(--coral-2) 100%);color:#fff;box-shadow:0 22px 40px -22px rgba(216,72,31,.9);animation:rise .7s var(--ease) .7s backwards}
  .ac-cta__title{grid-area:title;font-weight:700;font-size:clamp(18px,5.2vw,23px);line-height:1.1;letter-spacing:-.03em}
  .ac-cta__sub{grid-area:sub;margin-top:4px;font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.85)}
  .ac-cgo{grid-area:go;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--coral);animation:ring 2.4s ease-out 2.4s 3}
  .ac-cgo .ac-ic{width:24px;height:24px;stroke-width:2.3}

  .ac-sections{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
  .ac-card{position:relative;overflow:hidden;display:flex;border-radius:20px;color:var(--ink);animation:rise .7s var(--ease) backwards;animation-delay:calc(.75s + var(--i,0)*.07s);transition:transform .2s var(--ease)}
  .ac-card:active{transform:scale(.97)}
  .ac-card--blue{background:#e2eefa}
  .ac-card--pink{background:#fde1e8}
  .ac-card--yellow{background:#fff0c9}
  .ac-card__ic{position:relative;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;flex:none;background:#fff;color:var(--coral)}
  .ac-card__title{position:relative;font-weight:700;font-size:clamp(13.5px,3.9vw,16px);line-height:1.15;letter-spacing:-.015em}
  .ac-card--row{grid-column:span 3;align-items:center;gap:12px;padding:10px 12px 10px 10px;min-height:60px}
  .ac-card--tall{grid-column:span 2;flex-direction:column;justify-content:space-between;gap:14px;min-height:88px;padding:12px}
  .ac-card--tall .ac-card__ic{width:34px;height:34px;border-radius:12px}
  /* lo especial del escritorio en el celular: la tarjeta con la foto del consultorio */
  .ac-card--photo{background:#cfd5de;color:#fff}
  .ac-card--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
  .ac-card--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,26,38,.05) 20%,rgba(20,26,38,.66) 100%)}
  .ac-card--photo .ac-card__ic,.ac-card--photo .ac-card__title{z-index:1}
  .ac-card--photo .ac-card__ic{background:rgba(255,255,255,.92)}
  .ac-card--photo .ac-card__title{text-shadow:0 1px 8px rgba(0,0,0,.35)}

  /* redes flotantes alrededor del doctor */
  .ac-soc{display:block;position:absolute;z-index:4;inset:0;pointer-events:none}
  .ac-soc a{pointer-events:auto;position:absolute;display:grid;place-items:center;width:clamp(42px,11.5vw,60px);aspect-ratio:1;border-radius:50%;color:#fff;
    box-shadow:0 14px 26px -12px rgba(28,36,51,.55),0 0 0 4px rgba(255,255,255,.65);
    animation:soc-in .7s cubic-bezier(.3,1.6,.5,1) backwards,soc-float 5.5s ease-in-out infinite}
  .ac-soc .ac-ic{width:46%;height:46%}
  .ac-soc__wa{background:var(--wa);left:6%;top:34%;animation-delay:1s,0s!important}
  .ac-soc__ig{background:radial-gradient(circle at 30% 110%,#fdd65b 0%,#f77737 30%,#e1306c 60%,#833ab4 100%);right:6%;top:20%;animation-delay:1.15s,-1.8s!important}
  .ac-soc__fb{background:#1877f2;right:7%;top:50%;animation-delay:1.3s,-3.6s!important}

  /* barra superior con pestañas (aparece al salir del hero) */
  .ac-appbar{display:flex;position:fixed;z-index:60;top:calc(8px + env(safe-area-inset-top,0px));left:50%;width:min(720px,calc(100% - 16px));
    align-items:center;gap:8px;padding:6px;border-radius:22px;
    background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
    border:1px solid rgba(28,36,51,.08);box-shadow:0 16px 32px -20px rgba(28,36,51,.5);
    translate:-50% -160%;opacity:0;visibility:hidden;transition:translate .45s var(--ease),opacity .3s,visibility .3s}
  .ac-appbar.is-on{translate:-50% 0;opacity:1;visibility:visible}
  .ac-appbar__brand{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:var(--coral)}
  .ac-appbar__brand svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .ac-appbar__tabs{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-right:14px;
    -webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
  .ac-appbar__tabs::-webkit-scrollbar{display:none}
  .ac-appbar__tabs a{flex:none;padding:.7em 1.05em;border-radius:999px;font-size:13.5px;font-weight:700;white-space:nowrap;transition:background-color .2s,color .2s}
  .ac-appbar__tabs a.ac-is-cur{background:var(--coral);color:#fff}

  /* barra fija inferior: Llamar + WhatsApp */
  .ac-mbar{display:grid;position:fixed;z-index:70;left:50%;translate:-50% 0;bottom:0;width:min(560px,100%);grid-template-columns:1fr 1fr;gap:10px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
    background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
    border-top:1px solid rgba(28,36,51,.08);box-shadow:0 -16px 36px -20px rgba(28,36,51,.4)}
  .ac-mbar__btn{display:flex;align-items:center;justify-content:center;gap:.6em;height:52px;border-radius:17px;font-weight:700;font-size:16px;color:#fff;transition:transform .2s var(--ease)}
  .ac-mbar__btn:active{transform:scale(.97)}
  .ac-mbar__btn .ac-ic{width:21px;height:21px}
  .ac-mbar__btn--call{background:var(--ink);box-shadow:0 12px 20px -14px rgba(0,0,0,.9)}
  .ac-mbar__btn--wa{background:linear-gradient(160deg,#25c766,#128c44);box-shadow:0 12px 20px -14px rgba(18,140,68,.95)}
  .ac-ph{margin:0;border-radius:0;min-height:60vh;background:#fff;border-top:1px solid rgba(28,36,51,.07)}

  @media (max-height:780px){
    .ac-dock{gap:8px;padding-top:16px}
    .ac-cta{padding:12px 12px 12px 18px}
    .ac-cgo{width:46px;height:46px}
    .ac-card--row{min-height:52px;padding-block:7px}
    .ac-card--tall{min-height:76px;gap:10px;padding:10px}
  }
}
@media (min-width:561px) and (max-width:1024px){ .ac-mbar{border-radius:26px 26px 0 0} }
@media (max-width:360px){
  .ac-card__title{font-size:12.5px}
  .ac-card--tall{padding:10px}
}
@keyframes soc-in{from{opacity:0;transform:scale(.2)}}
@keyframes soc-float{0%,100%{translate:0 0;rotate:0deg}25%{translate:3px -9px;rotate:-6deg}50%{translate:0 -4px;rotate:0deg}75%{translate:-3px -10px;rotate:6deg}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* redes flotantes (celular / tableta): iconos propios de la línea gráfica, sin colores de terceros */
@media (max-width:1024px),(max-aspect-ratio:10/11){
  .ac-soc .ac-ic{width:56%;height:56%;stroke-width:2}
  .ac-soc a.ac-soc__wa{background:var(--coral);color:#fff;--soc-acc:#fff}
  .ac-soc a.ac-soc__ig{background:#fff;color:var(--ink);--soc-acc:var(--coral)}
  .ac-soc a.ac-soc__fb{background:var(--blue);color:var(--ink);--soc-acc:var(--coral)}
}