/* ═══════════════════════════════════════════════════════════════════
   APP MÓVIL · CELULAR Y TABLETA (≤ 1024 px)
   Se carga con  media="(max-width:1024px)"  → no toca al sitio de escritorio.
   Ejemplos de pantalla:  iPhone 13/14 = 390 × 844 · Android · iPad = 768 × 1024

   Filosofía: cada sección es una «pantalla de app» compacta.
     · tarjetas deslizables (carruseles con puntos) en lugar de listas largas
     · en una pantalla caben casi dos secciones a la vez
     · barra fija inferior con Llamar + WhatsApp, barra superior con pestañas
     · formulario y lista completa de servicios se abren como hojas inferiores

   Índice (mismo orden que en index.html):
     0. Ajustes globales      1. Componentes (carrusel, encabezados)
     2. Navegación (appbar + barra inferior)
     3. #agendar   4. #overview   5. #servicios   6. #tarifas
     7. #sobre-mi  8. #experiencia 9. #opiniones 10. #ubicacion
     11. #contacto 12. #faq 13. #conectate 14. #cita 15. footer
     16. Hojas inferiores   17. Tableta (≥ 700 px)
   ═══════════════════════════════════════════════════════════════════ */

/* ───────────── 0 · AJUSTES GLOBALES ───────────── */
:root{
  --gutter:8px;
  --sec-x:16px;
  --sec-y:20px;
  --r-panel:26px;
  --r-card:22px;
  --sh-card:0 16px 28px -22px rgba(64,28,44,.6);
  --mbar-h:calc(72px + env(safe-area-inset-bottom,0px));
}
.garza-desktop-only{display:none!important}
html{scroll-padding-top:74px}
body{padding-bottom:calc(var(--mbar-h) + 4px);overscroll-behavior-y:none}
.garza-h2{font-size:clamp(25px,7.2vw,33px);line-height:1.06;letter-spacing:-.035em;text-wrap:balance}
.garza-h2 em{font-style:normal}
.garza-btn{height:46px;font-size:14.5px}
.garza-btn:hover{translate:none}
.garza-btn--lg{height:52px;font-size:15px}
.garza-reveal-off{opacity:1!important;translate:none!important}
.garza-panel{scroll-margin-top:74px}

/* ───────────── 1 · COMPONENTES ───────────── */
/* encabezados compactos */
.garza-m-head{display:grid;gap:10px;justify-items:start}
.garza-m-head--row{grid-auto-flow:column;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:12px}
.garza-m-head--center{justify-items:center;text-align:center}
.garza-m-title{margin:0;font-weight:700;font-size:19px;line-height:1.15;letter-spacing:-.03em}
.garza-m-note{display:inline-flex;align-items:center;gap:.4em;font-size:12.5px;color:var(--ink-soft);white-space:nowrap}
.garza-m-note .garza-ic{width:1.15em;height:1.15em}
.garza-m-lead{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-soft);text-wrap:pretty}
.garza-m-lead--light{color:rgba(255,255,255,.78)}
.garza-m-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.garza-m-btns .garza-btn{padding:0 .8em}
.garza-m-foot-note{margin:6px 0 0;font-size:12px;color:var(--ink-soft);text-align:center}

/* carrusel deslizable (swipe izquierda ↔ derecha) */
.garza-m-track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--slide,80%);gap:10px;list-style:none;margin:0 calc(var(--sec-x)*-1);padding:4px var(--sec-x) 10px;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--sec-x);scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;cursor:grab}
.garza-m-track::-webkit-scrollbar{display:none}
.garza-m-track>*{scroll-snap-align:start;min-width:0}
.garza-m-track--drag{scroll-snap-type:none;cursor:grabbing;user-select:none;-webkit-user-select:none}
.garza-m-track--drag>*{pointer-events:none}
.garza-m-track:focus-visible{outline-offset:-3px;border-radius:18px}
.garza-m-track--cards{--slide:82%}
.garza-m-track--mini{--slide:76%}
.garza-m-track--chips{grid-auto-columns:max-content;gap:8px;padding-bottom:2px;scroll-snap-type:x proximity}
.garza-m-dots{display:flex;justify-content:center;gap:6px;min-height:6px;margin-top:2px}
.garza-m-dots[hidden]{display:none}
.garza-m-dots i{display:block;width:6px;height:6px;border-radius:99px;background:rgba(33,19,27,.2);transition:width .3s var(--ease),background-color .3s;cursor:pointer}
.garza-m-dots i.is-on{width:20px;background:var(--hot-a)}
.garza-panel--plum .garza-m-dots i{background:rgba(255,255,255,.3)}
.garza-panel--plum .garza-m-dots i.is-on{background:var(--rose-300)}

/* ───────────── 2 · NAVEGACIÓN ───────────── */
/* barra superior con pestañas: aparece al salir del hero */
.garza-appbar{position:fixed;z-index:60;top:calc(8px + env(safe-area-inset-top,0px));left:8px;right:8px;display:flex;align-items:center;gap:8px;padding:6px;border-radius:22px;
  background:rgba(255,250,252,.9);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(33,19,27,.08);box-shadow:0 16px 32px -20px rgba(64,28,44,.6);
  translate:0 -160%;opacity:0;visibility:hidden;transition:translate .45s var(--ease),opacity .3s,visibility .3s}
.garza-appbar.is-on{translate:0 0;opacity:1;visibility:visible}
.garza-appbar__brand{flex:none;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--plum)}
.garza-appbar__brand svg{width:20px;height:auto}
.garza-appbar__tabs{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-right:14px;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
.garza-appbar__tabs::-webkit-scrollbar{display:none}
.garza-appbar__tabs a{flex:none;padding:.7em 1.05em;border-radius:999px;font-size:13.5px;font-weight:500;white-space:nowrap;transition:background-color .2s,color .2s}
.garza-appbar__tabs a.garza-is-cur{background:var(--plum);color:#fff}

/* barra fija inferior: Llamar + WhatsApp */
.garza-mbar{display:grid;position:fixed;z-index:70;left:0;right:0;bottom:0;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(255,250,252,.9);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
  border-top:1px solid rgba(33,19,27,.08);box-shadow:0 -16px 36px -20px rgba(64,28,44,.5)}
.garza-mbar__btn{display:flex;align-items:center;justify-content:center;gap:.6em;height:52px;border-radius:17px;font-weight:700;font-size:16px;letter-spacing:-.01em;color:#fff;transition:transform .2s var(--ease)}
.garza-mbar__btn:active{transform:scale(.97)}
.garza-mbar__btn .garza-ic{width:21px;height:21px}
.garza-mbar__btn--call{background:var(--plum);box-shadow:0 12px 20px -14px rgba(33,19,27,.9)}
.garza-mbar__btn--wa{background:linear-gradient(160deg,#22a85a,#13703b);box-shadow:0 12px 20px -14px rgba(18,140,68,.95)}

/* ───────────── 3 · #agendar ───────────── */
.garza-m-quick{padding-block:16px 14px}
.garza-m-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.garza-m-act{display:grid;align-content:start;justify-items:start;gap:2px;padding:12px;border-radius:20px;background:#fff;box-shadow:var(--sh-card);transition:transform .2s var(--ease)}
.garza-m-act:active{transform:scale(.97)}
.garza-m-act__ic{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#fff;margin-bottom:8px}
.garza-m-act__ic .garza-ic{width:20px;height:20px}
.garza-m-act--wa .garza-m-act__ic{background:linear-gradient(160deg,#22a85a,#13703b)}
.garza-m-act--doc .garza-m-act__ic{background:linear-gradient(160deg,var(--hot-a),var(--hot-b))}
.garza-m-act--tel .garza-m-act__ic{background:var(--plum)}
.garza-m-act b{font-size:14.5px;letter-spacing:-.02em;line-height:1.1}
.garza-m-act small{font-size:11.5px;line-height:1.3;color:var(--ink-soft)}
.garza-m-quick .garza-m-track--chips{margin-top:10px}
.garza-m-chip{display:inline-flex;align-items:center;gap:.5em;padding:.62em 1em;border-radius:99px;background:#fff;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 8px 14px -12px rgba(64,28,44,.6)}
.garza-m-chip .garza-ic{width:1.2em;height:1.2em;color:var(--hot-a)}

/* ───────────── 4 · #overview ───────────── */
.garza-m-overview__top{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center}
.garza-m-overview .garza-h2{font-size:clamp(24px,6.8vw,31px)}
.garza-m-portrait{position:relative;width:110px;aspect-ratio:1;margin:0;border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#edd5de,#d286a2);box-shadow:0 22px 32px -22px rgba(87,41,62,.8)}
.garza-m-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.garza-m-overview .garza-m-lead{margin:14px 0 14px}

/* ───────────── 5 · #servicios ───────────── */
.garza-m-svc{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--r-card);background:#fff;box-shadow:var(--sh-card)}
.garza-m-svc__ic{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:var(--ink)}
.garza-m-svc__ic.garza-tone-3,.garza-m-svc__ic.garza-tone-5{color:#fff}
.garza-m-svc__ic .garza-ic{width:22px;height:22px}
.garza-m-svc h3{margin:2px 0 0;font-weight:700;font-size:17px;line-height:1.15;letter-spacing:-.03em;word-spacing:.08em}
.garza-m-svc p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
.garza-m-tags{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 0;padding:0;list-style:none}
.garza-m-tags li{font-size:11.5px;padding:.35em .75em;border-radius:99px;background:var(--rose-100);line-height:1.25}
.garza-m-svc__link{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:.4em;width:fit-content;font-weight:500;font-size:13.5px;color:var(--hot-b)}
.garza-m-svc__link .garza-ic{width:1.1em;height:1.1em}
.garza-m-online{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:12px;padding:12px;border-radius:22px;background:radial-gradient(60% 120% at 100% 0%,#502c41,rgba(80,44,65,0) 70%),var(--plum);color:#fff}
.garza-m-online__ic{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:var(--rose-300)}
.garza-m-online__ic .garza-ic{width:22px;height:22px}
.garza-m-online__t b{display:block;font-size:14.5px;letter-spacing:-.02em;line-height:1.2}
.garza-m-online__t small{display:block;margin-top:1px;font-size:12px;line-height:1.3;color:rgba(255,255,255,.72)}
.garza-m-online .garza-btn{height:40px;padding:0 1.1em;font-size:13.5px}
.garza-m-listbtn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:8px;padding:14px 16px;border-radius:18px;background:var(--rose-100);font-weight:500;font-size:14px;text-align:left}
.garza-m-listbtn .garza-ic{width:20px;height:20px;color:var(--hot-a)}
.garza-m-listbtn:active{background:var(--rose-200)}

/* ───────────── 6 · #tarifas ───────────── */
.garza-m-price{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;border-radius:var(--r-card);background:#fff;box-shadow:var(--sh-card)}
.garza-m-price--feat{background:linear-gradient(155deg,var(--hot-a),var(--hot-b));color:#fff}
.garza-m-price__k{font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;opacity:.65}
.garza-m-price h3{margin:0;font-weight:700;font-size:15px;line-height:1.2;letter-spacing:-.02em}
.garza-m-price__v{margin:8px 0 12px;font-weight:700;font-size:38px;line-height:1;letter-spacing:-.045em}
.garza-m-price__v small{font-size:.34em;font-weight:500;letter-spacing:0;opacity:.7}
.garza-m-price .garza-btn{margin-top:auto;height:42px;width:100%}

/* ───────────── 7 · #sobre-mi ───────────── */
.garza-m-about__top{display:grid;grid-template-columns:42% 1fr;gap:14px;align-items:center}
.garza-m-about__fig{position:relative;margin:0;aspect-ratio:479/720}
.garza-m-about__blob{position:absolute;z-index:0;left:50%;bottom:8%;translate:-50% 0;width:104%;aspect-ratio:1;border-radius:50%;box-shadow:0 20px 40px -16px rgba(87,41,62,.4);background:radial-gradient(68% 62% at 32% 24%,#f0dce4,rgba(240,220,228,0) 72%),linear-gradient(160deg,#e9b1c5,#d286a2)}
.garza-m-about__fig img{position:absolute;z-index:1;left:50%;bottom:0;translate:-50% 0;height:100%;width:auto;max-width:none;filter:drop-shadow(0 16px 18px rgba(87,41,62,.22));-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 52%,rgba(0,0,0,.82) 62%,rgba(0,0,0,.45) 72%,rgba(0,0,0,.12) 83%,transparent 94%);mask-image:linear-gradient(180deg,#000 0%,#000 52%,rgba(0,0,0,.82) 62%,rgba(0,0,0,.45) 72%,rgba(0,0,0,.12) 83%,transparent 94%)}
.garza-m-about__txt{display:grid;gap:10px;justify-items:start}
.garza-m-about .garza-h2{font-size:clamp(21px,5.9vw,27px)}
.garza-m-about .garza-m-lead{margin:14px 0 12px}
.garza-m-about .garza-m-carousel{margin-bottom:10px}
.garza-m-pill{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 14px;border-radius:20px;background:#fff;box-shadow:var(--sh-card)}
.garza-m-pill__ic{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(160deg,var(--hot-a),var(--hot-b));color:#fff}
.garza-m-pill__ic .garza-ic{width:20px;height:20px}
.garza-m-pill b{align-self:end;font-size:14px;letter-spacing:-.02em;line-height:1.2}
.garza-m-pill small{align-self:start;font-size:12px;line-height:1.3;color:var(--ink-soft)}

/* ───────────── 8 · #experiencia ───────────── */
.garza-m-exp__top{display:grid;grid-template-columns:1fr 112px;align-items:end;border-radius:24px;background:rgba(255,255,255,.06);overflow:hidden}
.garza-m-exp__txt{display:grid;gap:10px;justify-items:start;padding:16px 0 16px 16px}
.garza-m-exp .garza-h2{font-size:clamp(22px,6.2vw,28px)}
.garza-m-exp .garza-h2 em{color:var(--rose-300)}
.garza-m-exp .garza-m-lead{font-size:13.5px;line-height:1.5}
.garza-m-exp__fig{position:relative;margin:0;width:112px;align-self:end}
.garza-m-exp__halo{position:absolute;left:50%;bottom:0;width:112%;aspect-ratio:1;translate:-50% 34%;border-radius:50%;background:radial-gradient(closest-side,rgba(226,153,183,.5),rgba(226,153,183,0))}
.garza-m-exp__fig img{position:relative;width:100%;height:auto;filter:drop-shadow(0 18px 20px rgba(0,0,0,.35))}
.garza-m-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 12px}
.garza-m-stat{padding:12px 12px 11px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.garza-m-stat b{display:block;font-weight:700;font-size:26px;line-height:1;letter-spacing:-.045em;color:var(--rose-300);font-variant-numeric:tabular-nums}
.garza-m-stat span{display:block;margin-top:5px;font-size:11.5px;line-height:1.25;color:rgba(255,255,255,.72)}
.garza-m-tl{display:grid;align-content:start;gap:3px;padding:14px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.garza-m-tl__dot{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;margin-bottom:6px;background:linear-gradient(160deg,var(--hot-a),var(--hot-b));color:#fff}
.garza-m-tl__dot .garza-ic{width:20px;height:20px}
.garza-m-tl__k{font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--rose-300)}
.garza-m-tl h3{margin:0;font-weight:700;font-size:16px;line-height:1.15;letter-spacing:-.03em}
.garza-m-tl p{margin:2px 0 0;font-size:13px;line-height:1.4;color:rgba(255,255,255,.7)}

/* ───────────── 9 · #opiniones ───────────── */
.garza-m-reviews .garza-h2{font-size:clamp(24px,6.8vw,31px)}
.garza-m-rev-photo{position:relative;margin:10px auto 4px;width:96%;max-width:420px;aspect-ratio:1490/1400}
.garza-m-rev-photo__halo{position:absolute;left:50%;bottom:0;width:112%;aspect-ratio:1;translate:-50% 30%;border-radius:50%;background:radial-gradient(closest-side,rgba(226,153,183,.5),rgba(226,153,183,.16) 60%,rgba(226,153,183,0))}
.garza-m-rev-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 20px 22px rgba(87,41,62,.3));-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 60%,rgba(0,0,0,.8) 70%,rgba(0,0,0,.42) 80%,rgba(0,0,0,.1) 90%,transparent 99%);mask-image:linear-gradient(180deg,#000 0%,#000 60%,rgba(0,0,0,.8) 70%,rgba(0,0,0,.42) 80%,rgba(0,0,0,.1) 90%,transparent 99%)}
.garza-m-quote{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r-card);background:#fff;box-shadow:var(--sh-card)}
.garza-m-quote__mark{position:absolute;right:14px;top:14px;width:26px;height:26px;color:var(--rose-200);stroke-width:1.4}
.garza-m-quote p{margin:0;padding-right:24px;font-weight:500;font-size:14px;line-height:1.55;letter-spacing:-.005em}
.garza-m-quote footer{display:flex;align-items:center;gap:10px;margin-top:auto}
.garza-m-quote footer span:last-child{display:grid}
.garza-m-quote footer b{font-size:13.5px}
.garza-m-quote footer small{font-size:11.5px;color:var(--ink-soft)}
.garza-m-quote .garza-quote__av{width:38px;height:38px;font-size:14px}

/* ───────────── 10 · #instalaciones ───────────── */
.garza-m-fac .garza-h2{font-size:clamp(24px,6.8vw,31px)}
.garza-m-fac .garza-m-lead{margin:10px 0 4px}
.garza-m-fac-photo{position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 20px 30px -22px rgba(0,0,0,.6)}
.garza-m-fac-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.garza-m-fac-photo figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;margin:0;padding:14px 16px;font-weight:500;font-size:13px;color:#fff;background:linear-gradient(0deg,rgba(15,7,12,.82) 0%,rgba(15,7,12,.3) 60%,rgba(15,7,12,0) 100%)}

/* ───────────── 11 · #ubicacion ───────────── */
.garza-m-loc .garza-h2{font-size:clamp(24px,6.8vw,31px)}
.garza-m-map{margin:14px 0 12px;border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--sh-card)}
.garza-m-map__view{position:relative;height:150px;background:linear-gradient(160deg,var(--rose-200),var(--rose-300))}
.garza-m-map__view iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}
.garza-m-map__ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4px;font-weight:500;font-size:13px;color:var(--hot-b)}
.garza-m-map__ph .garza-ic{width:34px;height:34px}
.garza-m-map__card{display:grid;gap:10px;padding:12px 12px 12px 14px}
.garza-m-map__addr b{display:block;font-size:14.5px;letter-spacing:-.02em;line-height:1.25}
.garza-m-map__addr address{margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--ink-soft)}
.garza-m-map__btns{display:grid;grid-template-columns:1fr auto;gap:8px}
.garza-m-map__btns .garza-btn{height:44px}
.garza-m-map__btns .garza-btn--icon{width:44px;padding:0}
.garza-m-info{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px;border-radius:20px;background:#fff;box-shadow:var(--sh-card)}
.garza-m-info b{display:block;font-size:14px;letter-spacing:-.02em;line-height:1.25}
.garza-m-info small{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--ink-soft)}
.garza-m-info .garza-mini{width:42px;height:42px;border-radius:14px}

/* ───────────── 12 · #contacto ───────────── */
.garza-m-contact .garza-h2{font-size:clamp(24px,6.8vw,31px)}
.garza-m-channels{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 12px}
.garza-m-channels a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:#fff;box-shadow:var(--sh-card);transition:transform .2s var(--ease)}
.garza-m-channels a:active{transform:scale(.97)}
.garza-m-channels .garza-mini{width:38px;height:38px;border-radius:13px}
.garza-m-channels .garza-mini .garza-ic{width:19px;height:19px}
.garza-m-channels span:last-child{display:grid;min-width:0}
.garza-m-channels b{font-size:14px;letter-spacing:-.02em;line-height:1.2}
.garza-m-channels small{font-size:11.5px;color:var(--ink-soft);overflow-wrap:anywhere}

/* ───────────── 13 · #faq ───────────── */
.garza-m-faq-top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}
.garza-m-faq-top .garza-m-head--row{margin-bottom:0}
.garza-m-faq-photo{margin:0;width:64px;aspect-ratio:769/720;border-radius:16px;overflow:hidden;flex:none;box-shadow:0 10px 18px -10px rgba(87,41,62,.5)}
.garza-m-faq-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.garza-m-qa{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--r-card);background:#fff;box-shadow:var(--sh-card)}
.garza-m-qa__n{font-size:11.5px;font-weight:500;letter-spacing:.06em;color:var(--hot-b)}
.garza-m-qa h3{margin:0;font-weight:700;font-size:16px;line-height:1.2;letter-spacing:-.025em;word-spacing:.06em}
.garza-m-qa p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-soft)}
.garza-m-faq .garza-btn--block{margin-top:12px}

/* ───────────── 14 · #conectate (móvil: instalar + Wallet + contacto) ───────────── */
.garza-m-connect__top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}
.garza-m-connect__fig{margin:0;align-self:end}
.garza-m-connect__fig img{width:96px;height:auto;filter:drop-shadow(0 16px 18px rgba(87,41,62,.3))}
.garza-m-connect .garza-h2{font-size:clamp(24px,6.8vw,31px)}
.garza-m-appcard{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:12px;border-radius:22px;background:#fff;box-shadow:var(--sh-card)}
.garza-m-appcard__ic{width:50px;height:50px;border-radius:14px}
.garza-m-appcard__t b{display:block;font-size:15px;letter-spacing:-.02em;line-height:1.2}
.garza-m-appcard__t small{display:block;margin-top:1px;font-size:11.5px;line-height:1.3;color:var(--ink-soft)}
.garza-m-appcard .garza-btn{height:40px;padding:0 1.1em;font-size:14px}
.garza-m-wallets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.garza-wbtn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:8px;border-radius:18px;background:#0a0a0a;color:#fff;text-align:left;box-shadow:0 16px 28px -18px rgba(0,0,0,.8);transition:transform .2s}
.garza-wbtn:active{transform:scale(.97)}
.garza-wbtn .garza-ic{width:25px;height:25px;flex:none}
.garza-wbtn span{display:grid}
.garza-wbtn small{font-size:10.5px;opacity:.78;line-height:1.1}
.garza-wbtn b{font-size:15px;font-weight:500;letter-spacing:-.015em;line-height:1.15;white-space:nowrap}
.garza-m-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.garza-m-tile{display:grid;justify-items:center;align-content:center;gap:6px;padding:12px 6px;border-radius:18px;background:var(--plum);color:#fff;font-size:12.5px;text-align:center;line-height:1.2;box-shadow:0 16px 26px -20px rgba(33,19,27,.9);transition:transform .2s}
.garza-m-tile:active{transform:scale(.97)}
.garza-m-tile b{font-weight:500}
.garza-m-tile__ic{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:var(--rose-300)}
.garza-m-tile__ic .garza-ic{width:18px;height:18px}

/* ───────────── 15 · #cita (banner call to action) ───────────── */
.garza-m-cta{display:grid;grid-template-columns:1fr 34%;gap:6px;align-items:end;padding-bottom:0}
.garza-m-cta__bg{position:absolute;z-index:-1;right:-14%;top:-30%;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.3),rgba(255,255,255,0))}
.garza-m-cta__txt{display:grid;gap:12px;justify-items:start;padding-bottom:20px}
.garza-m-cta .garza-h2{font-size:clamp(26px,7.6vw,34px)}
.garza-m-cta .garza-h2 em{color:#f0dce4}
.garza-m-cta__btns{display:grid;gap:8px;width:100%;margin-top:4px}
.garza-m-cta__btns .garza-btn{width:100%}
.garza-m-cta__fig{margin:0;align-self:end}
.garza-m-cta__fig img{width:100%;height:auto;max-height:290px;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 18px 20px rgba(43,19,32,.35))}

/* ───────────── 16 · FOOTER ───────────── */
.garza-m-foot{display:grid;gap:10px;padding-block:22px;margin-bottom:var(--gutter)}
.garza-m-foot__row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.garza-m-foot .garza-brand{font-size:26px}
.garza-m-foot__social{display:flex;gap:8px;margin:0;padding:0;list-style:none}
.garza-m-foot__social a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.22)}
.garza-m-foot__social .garza-ic{width:18px;height:18px}
.garza-m-foot__t{margin:0;font-size:13.5px;color:rgba(255,255,255,.78)}
.garza-m-foot__addr{display:flex;align-items:flex-start;gap:.55em;font-size:13px;line-height:1.4;color:rgba(255,255,255,.78)}
.garza-m-foot__addr .garza-ic{margin-top:.1em;color:var(--rose-300)}
.garza-m-foot__legal{margin:6px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.55)}

/* ───────────── 17 · HOJAS INFERIORES (booking, install, form, services) ───────────── */
.garza-sheet__who{display:flex;align-items:center;gap:12px;padding-right:44px}
.garza-sheet__who img{width:52px;height:52px;flex:none;border-radius:50%;object-fit:cover;background:linear-gradient(160deg,#edd5de,#d286a2)}
.garza-sheet__who .garza-sheet__t{padding-right:0;font-size:22px}
.garza-sheet__who .garza-sheet__s{margin:2px 0 0}
.garza-sheet__form{display:grid;gap:12px}
.garza-sheet__form .garza-fld input[type=text],.garza-sheet__form .garza-fld select,.garza-sheet__form .garza-fld textarea{min-height:48px}
.garza-sheet__form .garza-fld textarea{min-height:72px}
.garza-sheet__form .garza-fld--seg span{min-height:48px}
.garza-m-chiplist{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px;padding:0;list-style:none}
.garza-m-chiplist li{font-size:13px;padding:.5em .95em;border-radius:99px;background:var(--rose-100);line-height:1.25}

/* ya instalada: se oculta la tarjeta de instalar (regla compartida en base.css) */

/* ───────────── 18 · TABLETA (≥ 700 px, p. ej. iPad 768 × 1024) ───────────── */
@media (min-width:700px){
  :root{--sec-x:24px;--sec-y:26px;--r-panel:32px}
  html{scroll-padding-top:80px}
  .garza-h2{font-size:clamp(30px,4.4vw,42px)}
  .garza-m-title{font-size:22px}
  .garza-m-lead{font-size:16px}
  .garza-m-track--cards{--slide:44%}
  .garza-m-track--mini{--slide:40%}
  .garza-mbar{left:50%;right:auto;translate:-50% 0;width:min(560px,100%);border-radius:26px 26px 0 0}
  .garza-appbar{left:50%;right:auto;translate:-50% -160%;width:min(720px,calc(100% - 16px))}
  .garza-appbar.is-on{translate:-50% 0}
  .garza-m-act{padding:16px;min-height:118px}
  .garza-m-act b{font-size:16px}
  .garza-m-act small{font-size:12.5px}
  .garza-m-overview__top{grid-template-columns:1fr 190px;gap:24px}
  .garza-m-portrait{width:190px}
  .garza-m-overview .garza-h2,.garza-m-reviews .garza-h2,.garza-m-loc .garza-h2,.garza-m-contact .garza-h2,.garza-m-connect .garza-h2{font-size:clamp(28px,4.2vw,38px)}
  .garza-m-about__top{grid-template-columns:36% 1fr;gap:24px}
  .garza-m-about .garza-h2{font-size:clamp(26px,3.8vw,36px)}
  .garza-m-exp__top{grid-template-columns:1fr 190px}
  .garza-m-exp__fig{width:190px}
  .garza-m-exp .garza-h2{font-size:clamp(26px,3.8vw,36px)}
  .garza-m-exp__txt{padding:24px 0 24px 24px}
  .garza-m-stat b{font-size:34px}
  .garza-m-cta{grid-template-columns:1fr 32%}
  .garza-m-cta .garza-h2{font-size:clamp(30px,4.6vw,44px)}
  .garza-m-cta__btns{grid-template-columns:1fr 1fr}
  .garza-m-map__view{height:240px}
  .garza-m-map__card{grid-template-columns:1fr auto;align-items:center}
  .garza-m-channels{grid-template-columns:repeat(4,1fr)}
  .garza-m-tiles{grid-template-columns:repeat(3,1fr)}
  .garza-m-foot__legal{max-width:60ch}
  .garza-m-price h3{font-size:16px}
}
@media (min-width:900px){
  .garza-m-track--cards{--slide:31%}
  .garza-m-track--mini{--slide:32%}
}
@media (max-width:360px){
  .garza-m-actions{gap:6px}
  .garza-m-act{padding:10px}
  .garza-m-act small{font-size:10.5px}
  .garza-wbtn b{font-size:14px}
}
@media (min-width:700px){
  .garza-m-exp__txt{align-self:center}
  .garza-m-exp__fig{width:150px}
  .garza-m-exp__top{grid-template-columns:1fr 150px}
}