/* ==========================================================================
   PLANTILLA 24H · hoja de estilo
   ------------------------------------------------------------
   1  Marca (variables)      ← edita solo este bloque para cada cliente
   2  Base y ritmo
   3  Superficies de teja
   4  Tipografía
   5  Cabecera
   6  Hero
   7  Servicios
   8  Confianza
   9  Cobertura
   10 Reseñas
   11 Cierre
   12 Pie
   13 Barra de llamada fija
   14 Páginas legales
   15 Preferencias del sistema
   ========================================================================== */

/* 1 · MARCA ============================================================== */
:root{
  /* Colores de marca ---------------------------------------------------- */
  --brand-primary:#1B4CC0;        /* cobalto · la acción y los enlaces      */
  --brand-secondary:#C98A2B;      /* ocre   · guardia y detalles           */
  --brand-neutral:#16181C;        /* tinta  · todo el texto                */
  --brand-ground:#EEF0EA;         /* esmalte · suelo de la página          */
  --brand-surface:#F7F8F3;        /* cara de la teja                       */
  --brand-line:#C6CABD;           /* lechada                               */
  --brand-primary-ink:#FFFFFF;    /* texto sobre cobalto                   */
  --brand-secondary-ink:#16181C;  /* texto sobre ocre                      */
  --brand-pavement:color-mix(in srgb,var(--brand-neutral) 9%,var(--brand-ground));

  /* Tipografía ----------------------------------------------------------- */
  --font-display:"Alegreya",Georgia,"Times New Roman",serif;
  --font-text:"Alegreya Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  /* Módulos -------------------------------------------------------------- */
  --tile:78px;                               /* retícula del azulejo    */
  --radius-tile:3px;
  --shadow-tile:0 14px 22px -12px rgba(22,24,28,.34), 0 2px 4px -2px rgba(22,24,28,.20);
  --shadow-tile-hover:0 18px 28px -14px rgba(22,24,28,.40), 0 3px 6px -3px rgba(22,24,28,.24);
  --shadow-pressed:0 4px 10px -7px rgba(22,24,28,.40);
  --rule:1px solid var(--brand-line);
  --wrap:1240px;                         /* ancho máximo del contenido   */
}

/* 2 · BASE Y RITMO ======================================================= */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  /* hueco reservado para la barra de llamada fija: el pie nunca queda debajo */
  padding-bottom:calc(6.25rem + env(safe-area-inset-bottom));
  background-color:var(--brand-ground);
  background-image:
    linear-gradient(to right,color-mix(in srgb,var(--brand-line) 42%,transparent) 1px,transparent 1px),
    linear-gradient(to bottom,color-mix(in srgb,var(--brand-line) 42%,transparent) 1px,transparent 1px);
  background-size:var(--tile) var(--tile);
  color:var(--brand-neutral);
  font-family:var(--font-text);
  font-size:clamp(1rem,.95rem + .25vw,1.075rem);
  line-height:1.6;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg{max-width:100%}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:800;letter-spacing:-.015em;line-height:1.02;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-decoration-thickness:from-font;text-underline-offset:.2em}
ul{margin:0;padding:0;list-style:none;text-wrap:pretty}
:where(a,button,[tabindex]):focus-visible{
  outline:3px solid var(--brand-primary);
  outline-offset:3px;
  border-radius:2px;
}
::selection{background:var(--brand-primary);color:var(--brand-primary-ink)}
html{scrollbar-color:var(--brand-line) var(--brand-ground);scrollbar-width:thin}
textarea,input{caret-color:var(--brand-primary)}
.skip{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--brand-neutral);color:var(--brand-ground);
  padding:.75rem 1rem;font-weight:700;
}
.skip:focus{left:.5rem;top:.5rem}
.wrap{width:min(var(--wrap),100%);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}
/* cada bloque deja aire respecto a su propio fondo: el contenido nunca toca el borde */
.band{padding:3.25rem 1.25rem}

/* 3 · SUPERFICIES DE TEJA =============================================== */
.tile{
  position:relative;
  background:var(--brand-surface);
  border:var(--rule);
  border-radius:var(--radius-tile);
  box-shadow:var(--shadow-tile);
}
/* el contenido va por encima del realce y por debajo del filo del vidriado */
.tile > *{position:relative;z-index:1}
/* grosor del vidriado: luz arriba, sombra dentro abajo */
.tile::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), inset 0 -16px 18px -18px rgba(22,24,28,.5);
}
/* realce especular: solo en las piezas focales */
.tile--gloss::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:linear-gradient(152deg,rgba(255,255,255,.92),rgba(255,255,255,0) 44%);
}
.tile--ochre{background:var(--brand-secondary);color:var(--brand-secondary-ink);border-color:color-mix(in srgb,var(--brand-secondary) 72%,#000)}

/* 4 · TIPOGRAFÍA ======================================================== */
.lead{max-width:68ch;color:color-mix(in srgb,var(--brand-neutral) 82%,var(--brand-ground))}
.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}
.num{font-family:var(--font-display);font-weight:800;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.01em}
.rule-painted{stroke:var(--brand-primary);fill:none;stroke-linecap:round}

/* 5 · CABECERA ========================================================== */
.strip{
  margin:0;padding:.5rem 1rem;
  background:var(--brand-primary);color:var(--brand-primary-ink);
  font-size:.78rem;font-weight:700;letter-spacing:.04em;text-align:center;
}
.strip b{font-weight:700}
.site-header{padding-block:1.1rem}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.wordmark{
  font-family:var(--font-display);font-weight:800;font-size:clamp(1.05rem,1rem + .5vw,1.35rem);
  letter-spacing:-.01em;text-decoration:none;
}
.wordmark span{color:var(--brand-primary)}
.header__call{
  display:inline-flex;align-items:center;gap:.5rem;
  min-height:48px;padding:.45rem .95rem;
  background:var(--brand-surface);border:var(--rule);border-radius:var(--radius-tile);
  box-shadow:var(--shadow-tile);
  font-weight:700;font-size:.95rem;text-decoration:none;
  transition:transform .16s cubic-bezier(.2,.7,.2,1),box-shadow .16s ease;
}
.header__call svg{width:20px;height:20px;color:var(--brand-primary);flex:none}
.header__call:hover{transform:translateY(-2px);box-shadow:var(--shadow-tile-hover)}
.header__call:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}

/* 6 · HERO ============================================================== */
.hero{padding:2rem 1.25rem 2.5rem}
/* en móvil el primer viewport es el cartel y la llamada: nada más */
@media (max-width:47.999rem){
  .hero{
    /* lo que ocupa la franja + la cabecera por encima del cartel, más la barra de abajo */
    min-height:calc(100vh - 12.65rem);min-height:calc(100svh - 12.65rem);
    display:flex;flex-direction:column;
  }
  /* sin la franja de plantilla, el cartel ocupa la pantalla entera */
  body:not(:has(.strip)) .hero{min-height:100vh;min-height:100svh}
  .hero__inner{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}
  .call-tile__label{font-size:.86rem}
}
.hero__title{
  font-size:clamp(2.05rem,8.4vw,4.5rem);
  line-height:1;letter-spacing:-.025em;margin-bottom:1rem;
}
.hero__title em{font-style:normal;color:var(--brand-primary)}
.hero__flourish{display:block;width:min(320px,70%);height:auto;margin-block:.15rem 1.25rem}
.hero__lead{font-size:clamp(1.05rem,1rem + .35vw,1.3rem);max-width:34ch;color:color-mix(in srgb,var(--brand-neutral) 84%,var(--brand-ground))}
.hero__lead b{font-weight:700;color:var(--brand-neutral)}

/* la llamada: teja cobalto, la pieza mayor del encuadre */
.call-tile{
  position:relative;display:flex;align-items:center;gap:clamp(.9rem,3vw,1.5rem);
  margin-top:1.75rem;padding:1.15rem clamp(1.1rem,4vw,1.75rem);
  background:var(--brand-primary);color:var(--brand-primary-ink);
  border:1px solid color-mix(in srgb,var(--brand-primary) 68%,#000);
  border-radius:var(--radius-tile);
  box-shadow:0 20px 34px -18px color-mix(in srgb,var(--brand-primary) 70%,transparent),
             inset 0 1px 0 rgba(255,255,255,.25);
  text-decoration:none;overflow:hidden;
  transition:transform .16s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease;
}
.call-tile:hover{transform:translateY(-2px);
  box-shadow:0 26px 40px -18px color-mix(in srgb,var(--brand-primary) 75%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
.call-tile:active{transform:translateY(2px);box-shadow:0 8px 16px -10px rgba(0,0,0,.5)}
.call-tile:focus-visible{outline-color:var(--brand-neutral);outline-offset:4px}
.call-tile__icon{
  flex:none;width:clamp(46px,9vw,58px);height:clamp(46px,9vw,58px);
  display:grid;place-items:center;border-radius:var(--radius-tile);
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.call-tile__icon svg{width:52%;height:52%}
.call-tile__body{display:block}
.call-tile__num{display:block;font-size:clamp(1.75rem,6.4vw,2.6rem);line-height:1.05}
.call-tile__label{display:block;font-size:.92rem;font-weight:700;opacity:.92;margin-top:.15rem}
.call-tile__note{display:block;font-size:.82rem;font-weight:500;opacity:.8;margin-top:.1rem}
/* reflejo del esmalte al pulsar */
.call-tile__sheen{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.call-tile__sheen::before{
  content:"";position:absolute;inset:-30% -10%;
  background:linear-gradient(104deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);
  transform:translateX(-130%);
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.call-tile:active .call-tile__sheen::before{transform:translateX(130%)}
/* la luz que pasa por encima del esmalte */
.call-tile::before{
  content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.16) 50%,transparent 64%);
  background-size:280% 100%;background-position:-70% 0;
}
.call-tile>*{position:relative;z-index:1}

.guardia{
  display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;
  margin-top:1.25rem;font-size:.95rem;font-weight:700;
}
.guardia__dot{
  width:11px;height:11px;border-radius:50%;flex:none;
  background:var(--brand-secondary);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-secondary) 22%,transparent);
}
.guardia__muted{font-weight:400;color:color-mix(in srgb,var(--brand-neutral) 72%,var(--brand-ground))}
.hero__cover{margin-top:1.1rem;font-size:.95rem;max-width:46ch;color:color-mix(in srgb,var(--brand-neutral) 78%,var(--brand-ground))}

/* 7 · SERVICIOS ======================================================== */
.section-head{max-width:60ch;margin-bottom:clamp(1.75rem,4vw,2.75rem)}
.section-head h2{font-size:clamp(1.8rem,1.3rem + 2.4vw,3rem);margin-bottom:.6rem}
.section-head p{color:color-mix(in srgb,var(--brand-neutral) 78%,var(--brand-ground))}
.mosaic{display:grid;gap:var(--tile-gap,1.1rem);grid-template-columns:repeat(2,1fr)}
.svc{
  padding:1.4rem 1.3rem 1.5rem;
  display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;
  transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s ease;
}
.svc:hover{transform:translateY(-3px);box-shadow:var(--shadow-tile-hover)}
.svc__mark{
  width:42px;height:42px;flex:none;display:grid;place-items:center;
  color:var(--brand-primary);
}
.svc__mark svg{width:34px;height:34px}
.svc h3{font-size:1.2rem;line-height:1.15}
.svc p{font-size:.95rem;line-height:1.5;color:color-mix(in srgb,var(--brand-neutral) 76%,var(--brand-ground))}
.svc--wide{grid-column:span 2}
.svc--full{grid-column:span 2}
.muestra{margin:0}
.muestra svg{display:block;width:clamp(84px,18vw,124px);height:auto}
.tile--ochre .svc__mark{color:var(--brand-secondary-ink)}
.tile--ochre h3{color:var(--brand-secondary-ink)}
.tile--ochre p{color:color-mix(in srgb,var(--brand-secondary-ink) 88%,var(--brand-secondary))}

/* 8 · CONFIANZA ========================================================= */
.trust{background:var(--brand-ground)}
.frieze{display:grid;gap:1.1rem}
.frieze__cell{padding:1.6rem 1.5rem 1.7rem}
.frieze__cell h3{font-size:1.25rem;display:flex;align-items:center;gap:.6rem}
.frieze__cell h3 svg{width:22px;height:22px;color:var(--brand-primary);flex:none}
.frieze__cell p{margin-top:.5rem;font-size:.97rem;color:color-mix(in srgb,var(--brand-neutral) 78%,var(--brand-ground));max-width:44ch}

/* 9 · COBERTURA ========================================================= */
.coverage__grid{display:grid;gap:clamp(1.75rem,4vw,3rem);align-items:start}
.map{position:relative;padding:1.1rem}
.map svg{display:block;width:100%;height:auto}
.map__caption{
  margin-top:.9rem;font-size:.82rem;color:color-mix(in srgb,var(--brand-neutral) 70%,var(--brand-ground));
}
.zones{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}
.zone{
  padding:.55rem .9rem;background:var(--brand-surface);border:var(--rule);border-radius:var(--radius-tile);
  box-shadow:0 6px 12px -8px rgba(22,24,28,.4);
  font-size:.92rem;font-weight:700;
}
/* rótulo de puerta: placa esmaltada con el número de portal */
.placa{
  position:relative;display:inline-block;margin:0 0 1.35rem;
  padding:.8rem 1.05rem .9rem;
  border:2px solid var(--brand-neutral);border-radius:var(--radius-tile);
  background:var(--brand-surface);box-shadow:var(--shadow-tile);
  transform:rotate(-.6deg);
}
.placa__street{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brand-primary)}
.placa__name{font-family:var(--font-display);font-weight:800;font-size:1.3rem;margin-top:.1rem;line-height:1.1}
.placa__num{
  position:absolute;right:-.75rem;top:-.75rem;
  background:var(--brand-secondary);color:var(--brand-secondary-ink);
  padding:.22rem .55rem;border-radius:2px;font-weight:700;font-size:.8rem;letter-spacing:.02em;
  box-shadow:0 8px 14px -8px rgba(22,24,28,.7);
}
/* el plano se dibuja al entrar en pantalla */
.map .drawn{stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 1.1s cubic-bezier(.3,.7,.25,1)}
.is-drawn .map .drawn{stroke-dashoffset:0}

/* 10 · RESEÑAS ========================================================== */
.reviews{background:var(--brand-ground)}
.reviews__note{
  display:inline-block;margin-bottom:1.5rem;padding:.4rem .8rem;
  border:1px dashed color-mix(in srgb,var(--brand-neutral) 40%,transparent);border-radius:var(--radius-tile);
  font-size:.82rem;font-weight:700;color:color-mix(in srgb,var(--brand-neutral) 78%,var(--brand-ground));
}
.reviews__grid{display:grid;gap:1.1rem}
.review{padding:1.4rem 1.35rem 1.5rem;display:flex;flex-direction:column;gap:.85rem}
.review__quote{font-family:var(--font-display);font-size:1.05rem;line-height:1.45}
.review__who{margin-top:auto;font-size:.88rem;color:color-mix(in srgb,var(--brand-neutral) 72%,var(--brand-ground))}
.review__who b{display:block;color:var(--brand-neutral);font-weight:700}
.review__rating{font-size:.9rem;font-weight:700;color:var(--brand-secondary-ink)}
.review__rating span{background:var(--brand-secondary);padding:.1rem .45rem;border-radius:2px}

/* 11 · CIERRE =========================================================== */
.closing{background:var(--brand-primary);color:var(--brand-primary-ink)}
.closing .section-head p{color:color-mix(in srgb,var(--brand-primary-ink) 82%,var(--brand-primary))}
.closing h2{font-size:clamp(2rem,1.4rem + 2.8vw,3.4rem);max-width:18ch}
.closing__num{
  display:block;margin-top:1.75rem;font-size:clamp(2.4rem,10vw,4rem);line-height:1;
  color:var(--brand-primary-ink);
}
.closing .call-tile{
  margin-top:1.75rem;max-width:30rem;
  background:var(--brand-surface);color:var(--brand-primary);
  border-color:color-mix(in srgb,var(--brand-neutral) 30%,transparent);
  box-shadow:0 20px 34px -20px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.9);
}
.closing .call-tile__icon{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);box-shadow:none}
.closing .call-tile__label{color:color-mix(in srgb,var(--brand-primary) 80%,var(--brand-neutral))}

/* 12 · PIE ============================================================= */
.site-footer{background:var(--brand-ground);border-top:2px solid var(--brand-neutral)}
.footer__grid{display:grid;gap:2rem;padding-block:clamp(2.25rem,5vw,3.25rem)}
.footer__title{font-family:var(--font-display);font-weight:800;font-size:1.05rem;margin-bottom:.85rem}
.footer__list li{margin-bottom:.45rem;font-size:.93rem}
.footer__list a{color:color-mix(in srgb,var(--brand-neutral) 80%,var(--brand-ground))}
.footer__list a:hover{color:var(--brand-primary)}
.footer__note{
  margin-top:2rem;padding-top:1.25rem;border-top:var(--rule);
  font-size:.85rem;color:color-mix(in srgb,var(--brand-neutral) 70%,var(--brand-ground));
  display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;
}

/* 13 · BARRA DE LLAMADA FIJA ============================================ */
.callbar{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  background:var(--brand-surface);border-top:var(--rule);
  box-shadow:0 -12px 26px -20px rgba(22,24,28,.6);
  padding-bottom:env(safe-area-inset-bottom);
}
.callbar__inner{
  display:flex;align-items:center;gap:1rem;
  padding-block:.6rem;
}
.callbar__status{
  display:none;align-items:center;gap:.6rem;font-size:.92rem;font-weight:700;
}
.callbar__status .guardia__dot{width:9px;height:9px}
.callbar .call-tile{margin-top:0;flex:1;padding:.7rem 1rem}
.callbar .call-tile__num{font-size:1.3rem}
.callbar .call-tile__label{font-size:.78rem}
.callbar .call-tile__icon{width:40px;height:40px}
/* atención: la luz cruza la teja de la barra, despacio */
@media (prefers-reduced-motion: no-preference){
  .callbar .call-tile::before{animation:luz 6.4s cubic-bezier(.45,0,.25,1) infinite}
}
@keyframes luz{
  0%,70%,100%{background-position:-70% 0}
  86%{background-position:170% 0}
}

/* 14 · PÁGINAS LEGALES ================================================== */
.legal{padding-top:2.5rem;padding-bottom:2.5rem}
.legal-page{padding-bottom:0}
.legal__title{font-size:clamp(2rem,1.4rem + 2.4vw,3rem);margin-bottom:1.5rem}
.legal__body{max-width:58ch}
.legal__body h2{font-size:1.25rem;margin-top:2rem;margin-bottom:.6rem}
.legal__body p{margin-bottom:1rem}
.legal__body ul{margin:0 0 1rem;padding-left:1.15rem;list-style:disc}
.legal__body li{margin-bottom:.4rem}
.notice{
  padding:1rem 1.15rem;margin-bottom:2rem;
  background:var(--brand-secondary);color:var(--brand-secondary-ink);
  border-radius:var(--radius-tile);font-size:.95rem;font-weight:700;
}

/* 15 · PREFERENCIAS DEL SISTEMA ========================================= */
@media (min-width:48rem){
  .band{padding:4rem 2rem}
  .hero{padding:3rem 2rem 3.5rem}
  .mosaic{grid-template-columns:repeat(4,1fr)}
  .svc--wide{grid-column:span 2}
  .svc--full{grid-column:span 4}
  .svc--wide{
    display:grid;align-content:center;gap:.25rem 1.4rem;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"mark title muestra" "mark texto muestra";
  }
  .svc--wide .svc__mark{grid-area:mark;align-self:start;margin-top:-.3rem}
  .svc--wide h3{grid-area:title}
  .svc--wide p{grid-area:texto}
  .svc--wide .muestra{grid-area:muestra;align-self:center;margin:0}
  .svc--full{
    display:grid;align-content:center;gap:.25rem 1.4rem;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:"mark title" "mark texto";
  }
  .svc--full .svc__mark{grid-area:mark;align-self:start;margin-top:-.3rem}
  .svc--full h3{grid-area:title}
  .svc--full p{grid-area:texto}
  .frieze{grid-template-columns:repeat(3,1fr)}
  .frieze__cell{padding:1.75rem 1.5rem}
  .reviews__grid{grid-template-columns:repeat(4,1fr)}
  .review:first-child{grid-column:span 2}
  .callbar__status{display:flex}
  .callbar .call-tile{flex:0 0 auto;min-width:22rem;margin-left:auto}
  .footer__grid{grid-template-columns:1.4fr 1fr 1fr}
}
@media (min-width:64rem){
  .band{padding:5.5rem 2.5rem}
  .hero{padding:4rem 2.5rem 2.75rem}
  .hero__inner{
    display:grid;grid-template-columns:1.08fr .92fr;
    gap:clamp(2.5rem,4vw,4.5rem);align-items:center;
  }
  .hero__action .call-tile{
    flex-direction:row;align-items:center;gap:1.4rem;
    padding:1.45rem 1.7rem;margin-top:0;width:fit-content;max-width:100%;
  }
  .hero__action .call-tile__icon{width:64px;height:64px}
  .hero__action .call-tile__icon svg{width:54%;height:54%}
  .hero__action .call-tile__num{font-size:clamp(2rem,2.9vw,2.9rem)}
  .hero__action .call-tile__label{font-size:1rem}
  .hero__cover{max-width:38ch}
  .coverage__grid{grid-template-columns:.92fr 1.08fr}
  .mosaic{grid-template-columns:repeat(12,1fr)}
  .svc{grid-column:span 3}
  .svc--wide{grid-column:span 6}
  .svc--full{grid-column:span 12}
  .closing .wrap{display:grid;grid-template-columns:1fr auto;gap:1.5rem clamp(2rem,5vw,5rem);align-items:center}
  .closing .section-head{grid-column:1;grid-row:1;margin-bottom:0}
  .closing__stack{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:1.1rem}
  .closing__num{font-size:clamp(2.4rem,4.4vw,3.8rem);margin-top:0;text-align:left}
  .closing .call-tile{margin-top:0;min-width:19rem}
}
@media (max-width:26.25rem){
  .callbar .call-tile__icon{width:34px;height:34px}
  .callbar .call-tile{gap:.7rem;padding:.6rem .75rem}
  .callbar .call-tile__num{font-size:1.15rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important;
  }
  .map .drawn{stroke-dashoffset:0}
}
@media print{
  .callbar,.strip,.skip{display:none}
  body{background:#fff;padding-bottom:0}
}