/* ===== TuMicroneedling — Ficha pública del centro ===== */
:root{
  --tmn-teal:#14A08C; --tmn-teal-osc:#0D6B5E; --tmn-salmon:#DCB4A0;
  --tmn-crema:#FAF7F2; --tmn-negro:#0F0C08;
}
.ficha-wrap{max-width:960px;margin:0 auto;padding:28px 18px 60px;}

.ficha-preview-bar{
  background:var(--tmn-salmon);color:#5a3a2a;text-align:center;
  padding:10px 16px;font-size:.9rem;
}
.ficha-preview-bar a{color:#5a3a2a;font-weight:700;margin-left:8px;}

/* Hero */
.ficha-hero{background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 8px 30px rgba(15,12,8,.07);margin-bottom:22px;}
/* Hero con relleno difuminado: la foto se muestra COMPLETA (contain, nunca corta
   caras) y detrás una copia borrosa rellena el espacio sobrante. Apaisadas = llenan;
   verticales = se ven enteras sobre el fondo difuminado. */
.ficha-hero-media{position:relative;width:100%;height:300px;overflow:hidden;background:var(--tmn-negro);}
.ficha-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:blur(22px) brightness(.78);transform:scale(1.12);}
.ficha-hero-img{position:relative;display:block;width:100%;height:300px;object-fit:contain;}
@media(max-width:520px){.ficha-hero-media,.ficha-hero-img{height:220px;}}
.ficha-hero-body{padding:26px 28px;}
.ficha-hero.is-basico .ficha-hero-body{padding:30px 28px;}
.ficha-badge{display:inline-block;background:var(--tmn-teal);color:#fff;
  font-size:.72rem;font-weight:700;padding:4px 11px;border-radius:999px;margin-bottom:10px;}
.ficha-h1{margin:0 0 8px;font-size:1.8rem;line-height:1.15;color:var(--tmn-negro);}
.ficha-nombre{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:var(--tmn-teal-osc);}
.ficha-meta{color:#666;font-size:.95rem;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;}
.ficha-rating{color:var(--tmn-teal-osc);font-weight:700;}
.ficha-rating small{color:#999;font-weight:400;}

/* Cuerpo */
.ficha-grid{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start;}
@media(max-width:720px){.ficha-grid{grid-template-columns:1fr;}}
.ficha-main{background:#fff;border-radius:18px;padding:26px 28px;
  box-shadow:0 6px 22px rgba(15,12,8,.05);}
.ficha-intro{font-size:1.05rem;line-height:1.6;color:#333;margin:0 0 16px;}
.ficha-bloque{font-size:.98rem;line-height:1.6;color:#444;margin:0 0 16px;}
.ficha-basico-nota{margin-top:14px;padding:14px 16px;background:var(--tmn-crema);
  border-radius:12px;font-size:.9rem;color:#777;}
.ficha-basico-nota a{color:var(--tmn-teal-osc);font-weight:700;}

/* Lateral */
.ficha-side{position:sticky;top:20px;}
.ficha-card{background:#fff;border-radius:18px;padding:22px;
  box-shadow:0 6px 22px rgba(15,12,8,.05);}
.ficha-card h3{margin:0 0 12px;font-size:1rem;}
.ficha-dir{color:#666;font-size:.9rem;line-height:1.45;margin:0 0 14px;}
.ficha-btn{display:block;text-align:center;padding:12px;border-radius:11px;
  background:var(--tmn-teal);color:#fff;text-decoration:none;font-weight:700;
  font-size:.92rem;margin-bottom:8px;}
.ficha-btn:hover{background:var(--tmn-teal-osc);color:#fff;}
.ficha-btn--sec{background:#fff;color:var(--tmn-negro);border:1px solid #ddd;}
.ficha-btn--sec:hover{border-color:var(--tmn-teal);color:var(--tmn-teal-osc);background:#fff;}
.ficha-btn--wa{background:#25D366;}
.ficha-btn--wa:hover{background:#1da851;color:#fff;}
.ficha-link{display:block;margin-top:10px;font-size:.86rem;color:var(--tmn-teal-osc);
  text-decoration:none;font-weight:600;}

.ficha-404{background:#fff;border-radius:18px;padding:48px;text-align:center;
  box-shadow:0 6px 22px rgba(15,12,8,.05);}
.ficha-404 .ficha-btn{display:inline-block;margin-top:14px;padding:12px 24px;}

/* Hero degradado cuando no hay imagen */
.ficha-hero-img.is-placeholder{
  background:linear-gradient(135deg,var(--tmn-teal) 0%,var(--tmn-teal-osc) 60%,#0a4d43 100%);
  height:150px;
}

/* Cupón CTA en todas las fichas */
.ficha-cupon{margin-top:22px;background:var(--tmn-negro);color:#fff;border-radius:18px;
  padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;}
.ficha-cupon strong{display:block;font-size:1.05rem;}
.ficha-cupon span{display:block;color:#cfc8bf;font-size:.9rem;margin-top:3px;}
.ficha-cupon .ficha-btn{margin:0;white-space:nowrap;padding:12px 22px;}

/* Títulos de bloque */
.ficha-h2{font-size:1.15rem;color:var(--tmn-negro);margin:0 0 8px;
  padding-top:4px;}
.ficha-bloque{margin:0 0 22px;}
.ficha-bloque:last-child{margin-bottom:0;}

/* Galería antes/después */
.ficha-galeria{margin-top:22px;}
.ficha-galeria-grid{columns:2;column-gap:12px;}
@media(max-width:520px){.ficha-galeria-grid{columns:1;}}
.ficha-galeria-grid img{width:100%;margin:0 0 12px;border-radius:12px;display:block;break-inside:avoid;cursor:zoom-in;}

/* Lightbox de galería */
.lb{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;
  background:rgba(15,12,8,.93);padding:24px;}
.lb.is-open{display:flex;}
.lb-img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:10px;box-shadow:0 12px 44px rgba(0,0,0,.5);}
.lb-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border:0;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;}
.lb-close:hover{background:rgba(255,255,255,.28);}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;}
.lb-nav:hover{background:rgba(255,255,255,.28);}
.lb-prev{left:16px;} .lb-next{right:16px;}
.lb-count{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#fff;font-size:.85rem;opacity:.85;}
@media(max-width:520px){.lb-nav{width:40px;height:40px;font-size:1.4rem;} .lb-close{top:12px;right:14px;}}

/* Reseñas */
.ficha-resenas{margin-top:22px;}
.ficha-resena{margin:0 0 14px;padding:14px 16px;background:var(--tmn-crema);border-radius:12px;border:0;}
.ficha-resena .ficha-stars{color:#e8a72e;font-size:.95rem;}
.ficha-resena p{margin:6px 0 6px;color:#333;font-style:italic;line-height:1.5;}
.ficha-resena cite{color:#777;font-size:.86rem;font-style:normal;font-weight:600;}
/* Mapa */
.ficha-mapa{margin-top:14px;}

/* CTA flotante de WhatsApp (solo móvil) */
.ficha-wa-float{display:none;}
@media(max-width:720px){
  .ficha-wa-float{display:flex;align-items:center;justify-content:center;gap:9px;
    position:fixed;left:14px;right:14px;bottom:14px;z-index:900;
    background:#25D366;color:#fff;font-weight:700;font-size:1rem;text-decoration:none;
    padding:14px 16px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.22);
    transition:transform .25s ease,opacity .25s ease;}
  .ficha-wa-float svg{width:22px;height:22px;flex:none;}
  .ficha-wa-float.is-hidden{transform:translateY(140%);opacity:0;pointer-events:none;}
}

/* Pill de tipo de centro */
.ficha-tipo{display:inline-block;background:#fff;border:1px solid var(--tmn-salmon);color:#8a5a3f;
  font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;margin-left:6px;vertical-align:middle;}

/* Etiqueta "Tratamiento principal" en la ficha */
.ficha-trat strong{color:var(--tmn-teal-osc,#0D6B5E);}
.ficha-trat-nota{margin:6px 0 0;font-size:.85rem;color:#999;font-style:italic;}