/* Teeth Whitening — Dra. Lesly Pinto. Página propia dentro del hub, mismo
   sistema v4. Base copiada de ../css/styles.css (hub) + tarjetas de precio. */

#pricing{background:radial-gradient(ellipse at top,#241d13 0%,var(--v4-bg) 100%);border-top:1px solid var(--v4-line);border-bottom:1px solid var(--v4-line);}
/* Una sola card desde el 2026-08-18 (se quitó el paquete de $270). El grid
   queda en 1 columna con ancho acotado y centrado: con repeat(2,1fr) la
   única card se iba al lado izquierdo de un bloque de 760px. */
.v4-pricing{display:grid;grid-template-columns:1fr;gap:24px;margin-top:48px;}
@media (min-width:640px){.v4-pricing{max-width:420px;margin-inline:auto;align-items:stretch;}}
.v4-price-card{position:relative;display:flex;flex-direction:column;padding:40px 26px 28px;border:1px solid var(--v4-line);border-radius:var(--v4-r);background:var(--v4-bg);text-align:left;}
.v4-price-card--featured{border-color:var(--v4-gold);}
.v4-price-card>.v4-badge{position:absolute;top:-13px;left:24px;background:var(--v4-bg);}
.v4-price-card__title{margin:0 0 4px;font-family:var(--v4-serif);font-size:1.25rem;font-weight:400;color:var(--v4-cream);}
.v4-price-card__sub{margin:0 0 20px;font-size:var(--v4-fs-sm);color:var(--v4-muted);}
.v4-price-card__amount{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--v4-line);font-family:var(--v4-serif);font-size:2.1rem;line-height:1;color:var(--v4-cream);}
.v4-price-card__amount small{font-family:var(--v4-sans);font-size:.75rem;letter-spacing:1px;color:var(--v4-muted-2);}
.v4-price-card .v4-list{flex-grow:1;margin-bottom:28px;}
.v4-price-card .v4-list li.is-off{opacity:.45;}
.v4-price-card .v4-list li.is-off::before{background:var(--v4-muted-2);}
.v4-price-card .v4-list li.is-off span{text-decoration:line-through;}
.v4-price-card .v4-btn{width:100%;}

/* Resto de componentes compartidos con el resto del hub (nav, hero, faq,
   final, map, footer, sticky, reviews, precio de card).
   tokens.css ya trae: .v4-cardgrid/.v4-card, .v4-stats, .v4-steps,
   .v4-btn, .v4-link, .v4-kicker, .v4-h1/.v4-h2, .v4-section(--panel).
   Acá solo lo que ese archivo no cubre + lo específico de esta landing. */

.v4-nav{position:sticky;top:0;z-index:100;background:rgba(12,10,8,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--v4-line);}
.v4-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;}
.v4-nav__brand{line-height:1.2;text-align:left;}
.v4-nav__brand strong{display:block;font-family:var(--v4-serif);font-size:.9rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--v4-cream);}
.v4-nav__brand small{display:block;font-size:.55rem;letter-spacing:3px;text-transform:uppercase;color:var(--v4-muted-2);}
.v4-nav__links{display:none;}
.v4-nav .v4-btn{min-height:40px;padding:8px 18px;}
@media (min-width:900px){
  .v4-nav__links{display:flex;gap:28px;}
  .v4-nav__links a{font-size:var(--v4-fs-micro);font-weight:400;letter-spacing:var(--v4-ls-micro);text-transform:uppercase;color:var(--v4-muted);transition:color .3s ease;}
  .v4-nav__links a:hover{color:var(--v4-gold-soft);}
}

.v4-hero{position:relative;overflow:hidden;padding-block:80px 60px;}
.v4-hero__inner{display:flex;flex-direction:column;gap:32px;text-align:left;}
.v4-hero__copy{position:relative;z-index:2;order:1;}
.v4-hero__media{position:relative;z-index:1;order:2;border-radius:var(--v4-r);overflow:hidden;}
.v4-hero__media img{width:100%;height:auto;object-fit:cover;object-position:center top;opacity:.9;}
.v4-hero__actions{display:flex;flex-direction:column;gap:12px;margin-top:28px;}
.v4-hero__actions .v4-btn{width:100%;}
@media (min-width:768px){
  .v4-hero{padding-block:120px 96px;}
  .v4-hero__inner{display:grid;grid-template-columns:minmax(0,54%) minmax(0,42%);gap:4%;align-items:center;}
  .v4-hero__media{height:520px;border-radius:0;}
  .v4-hero__media img{height:100%;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,#000 60%,transparent 100%);}
  .v4-hero__actions{flex-direction:row;}
  .v4-hero__actions .v4-btn{width:auto;}
}

/* Precio dentro de la card de tratamiento — tokens.css no trae este sub-componente */
.v4-card__price{margin:0 0 14px;font-family:var(--v4-serif);font-size:1.05rem;color:var(--v4-gold-soft);}

/* Reseñas de Google — replicado tal cual de LP_DRA-LESLY-PINTO/css/styles.css */
.v4-reviews-layout{display:flex;flex-direction:column;gap:40px;}
@media (min-width:768px){.v4-reviews-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:48px;align-items:center;}}
.v4-reviews-summary{text-align:left;}
.v4-reviews-nav{display:flex;gap:16px;}
.v4-reviews-carousel-wrapper{margin:0 -20px;padding:0 20px;}
@media (min-width:768px){.v4-reviews-carousel-wrapper{margin:0;padding:0;}}
.v4-reviews-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:20px;}
.v4-reviews-carousel::-webkit-scrollbar{display:none;}
.v4-review{flex:0 0 280px;scroll-snap-align:start;background:rgba(255,255,255,0.03);border:1px solid var(--v4-line);border-radius:var(--v4-r);padding:24px;display:flex;flex-direction:column;gap:16px;text-align:left;}
.v4-gallery__arrow{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.3s,border-color 0.3s;}
.v4-gallery__arrow:hover{background:var(--v4-bg);border-color:var(--v4-gold-soft);}
.v4-gallery__arrow svg{fill:var(--v4-gold-soft);width:20px;height:20px;}
.v4-review--google{background:#ffffff;color:#202124;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.04);}
.v4-review__header{display:flex;align-items:center;gap:12px;}
.v4-review__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0;}
.v4-review__meta{display:flex;flex-direction:column;}
.v4-review__name{font-weight:500;font-size:1rem;color:#202124;}
.v4-review__time{font-size:0.85rem;color:#70757a;}
.v4-review__glogo{margin-left:auto;align-self:flex-start;}
.v4-review__stars{display:flex;align-items:center;fill:#FBBC05;gap:2px;}
.v4-review__text{font-size:0.95rem;line-height:1.5;color:#3c4043;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;}

/* Placeholder visible — se usa solo donde todavía falta un dato real */
.v4-review-placeholder{margin-top:32px;padding:28px 24px;border:1px dashed var(--v4-line);border-radius:var(--v4-r);}
.v4-review-placeholder p{margin:0;font-size:var(--v4-fs-sm);color:var(--v4-muted-2);}

.v4-faq{margin-top:40px;max-width:800px;margin-inline:auto;border-top:1px solid var(--v4-line);text-align:left;}
.v4-faq details{border-bottom:1px solid var(--v4-line);}
.v4-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:18px 4px;cursor:pointer;list-style:none;font-size:var(--v4-fs-sm);font-weight:500;color:var(--v4-cream);}
.v4-faq summary::-webkit-details-marker{display:none;}
.v4-faq summary::after{content:"+";flex-shrink:0;font-family:var(--v4-serif);font-size:1.3rem;color:var(--v4-gold);transition:transform .3s ease;}
.v4-faq details[open] summary::after{transform:rotate(45deg);}
.v4-faq .v4-faq__a{padding:0 4px 20px;font-size:var(--v4-fs-sm);line-height:1.7;color:var(--v4-muted);}
.v4-faq .v4-faq__a--pending{font-style:italic;color:var(--v4-muted-2);}

.v4-final{text-align:center;}
.v4-final .v4-body{margin-inline:auto;}
.v4-final__actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:28px;}
@media (min-width:768px){.v4-final__actions{flex-direction:row;justify-content:center;}}

.v4-map{margin-top:40px;border:1px solid var(--v4-line);}
.v4-map iframe{display:block;width:100%;height:360px;border:0;filter:grayscale(1) contrast(1.05);}

.v4-footer{padding:36px 0 96px;border-top:1px solid var(--v4-line);}
.v4-footer__inner{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;}
@media (min-width:768px){
  .v4-footer{padding-bottom:36px;}
  .v4-footer__inner{flex-direction:row;justify-content:space-between;}
}

.v4-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;justify-content:center;padding:10px var(--v4-gutter) calc(10px + env(safe-area-inset-bottom));background:rgba(12,10,8,.94);border-top:1px solid var(--v4-line);}
.v4-sticky .v4-btn{width:100%;max-width:420px;}
@media (min-width:768px){.v4-sticky{display:none;}}