/* ── v2 · versión de prueba para mandarle a Marypaz ──────────────────────────
   Pedido suyo (nota a mano, 27-oct): títulos en Founders Grotesk, mayúscula.
   El resto del texto en Times New Roman. Nav de 6 secciones arriba, como en
   la página de la colega. Todo lo demás (color, botón, tarjetas, FAQ, mapa)
   se hereda de /assets/estilo.css: esto solo agrega lo nuevo. */

body.v2{font-family:"Times New Roman",Times,serif;line-height:1.62}
body.v2 .btn,body.v2 .navbar,body.v2 .mano,body.v2 .lista li b,body.v2 .top .zona,
body.v2 .sellos li,body.v2 .paso .cuando,body.v2 .falta,body.v2 .precio .desde,
body.v2 .caminos .para,body.v2 footer.pie a{font-family:"Founders Grotesk",system-ui,sans-serif}
body.v2 h1,body.v2 h2,body.v2 h3{font-family:"Founders Grotesk",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.01em}

/* Barra de navegación: logo + 6 secciones + redes, en todas las páginas */
.navbar{display:flex;align-items:center;gap:14px 28px;flex-wrap:wrap;max-width:1280px;margin:0 auto;padding:12px 24px;border-bottom:1px solid var(--borde)}
.navbar .logo{display:flex;align-items:center;width:130px;min-height:44px;flex:none}
.navbar .logo img{width:100%;height:auto}
.navbar nav{min-width:0;flex:1 1 auto;display:flex;justify-content:flex-end}
.navbar .menu{display:flex;gap:2px 22px;list-style:none;margin:0;padding:2px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;min-width:0}
.navbar .menu::-webkit-scrollbar{display:none}
.navbar .menu li{flex:none}
.navbar .menu a{display:flex;align-items:center;min-height:44px;padding:0 2px;font:600 13px/1 "Founders Grotesk",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.055em;color:var(--tinta);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.navbar .menu a:hover{border-color:var(--rojo)}
.navbar .menu a[aria-current]{border-color:var(--rojo);font-weight:700}
.navbar .redes{display:flex;gap:10px;flex:none;margin-left:8px;min-width:0}
.navbar .redes a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--tinta)}
.navbar .redes svg{width:19px;height:19px;fill:currentColor}
.navbar .redes a:hover{color:var(--rojo)}
@media(max-width:860px){.navbar{justify-content:space-between}.navbar nav{order:3;flex-basis:100%;width:100%;border-top:1px solid var(--borde);padding-top:4px}}

/* Portada principal (home de la v2): foto redonda, bio corta, botón único, redes */
.portada{padding:64px 24px 32px}
.portada .marco{max-width:980px;margin:0 auto;text-align:center}
.portada .foto{width:clamp(270px,38vw,480px);height:clamp(270px,38vw,480px);margin:0 auto 28px}
.portada .foto img{border-radius:999px}
.portada h1{font-size:clamp(28px,4vw,40px);margin-bottom:6px}
.portada .cargo{display:block;margin-bottom:26px;font:600 15px/1 "Founders Grotesk",system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--suave)}
.portada .bio{max-width:640px;margin:0 auto 10px;font-size:19px;color:var(--suave)}
.portada .redes-pie{display:flex;justify-content:center;gap:18px;margin-top:28px}
.portada .redes-pie a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--borde);border-radius:999px;color:var(--tinta)}
.portada .redes-pie a:hover{border-color:var(--rojo);color:var(--rojo)}
.portada .redes-pie svg{width:19px;height:19px;fill:currentColor}

/* Grilla de servicios en la portada, como el menú de la colega */
.servicios{display:grid;grid-template-columns:1fr;gap:18px;max-width:1120px;margin:64px auto 0;padding:0 24px}
@media(min-width:700px){.servicios{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1020px){.servicios{grid-template-columns:repeat(3,1fr)}}
.servicio{display:block;background:var(--blanco);border:1px solid var(--borde);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit}
.servicio .mask{aspect-ratio:4/5;border-radius:0;margin:0}
.servicio .txt{padding:22px 24px 26px}
.servicio h3{font-size:clamp(20px,2vw,24px);margin-bottom:8px}
.servicio p{margin:0;color:var(--suave);font-size:17px;font-family:"Times New Roman",Times,serif;text-transform:none;letter-spacing:0}

/* Dos niveles de precio uno al lado del otro (social: combo / solo maquillaje) */
.cajas-dos{display:grid;grid-template-columns:1fr;gap:24px;margin-top:40px}
@media(min-width:800px){.cajas-dos{grid-template-columns:1fr 1fr}}
.cajas-dos .caja{margin-top:0;grid-template-columns:1fr}

/* Hero centrado: título + subtítulo, sin imagen al lado (pedido de Daro, 28-oct) */
.hero-centro{padding:72px 24px 40px;text-align:center}
.hero-centro h1{max-width:900px;margin:0 auto}
.hero-centro .lead{max-width:640px;margin:18px auto 0}
.hero-centro .btn{margin-top:28px}

/* Fila foto + datos que se puede invertir (foto a la derecha en vez de la izquierda) */
.estudio.inv{grid-template-columns:1fr}
@media(min-width:900px){.estudio.inv{grid-template-columns:1.1fr .9fr}.estudio.inv .mask{order:2}}

/* Mapa chico con botón grande, para el estudio dentro de una página de servicio */
.mapa-chica{max-width:640px;margin:0 auto;text-align:center}
.mapa-chica .marco{aspect-ratio:16/9;border-radius:18px;overflow:hidden;position:relative;background:var(--lino);border:1px solid var(--borde)}
.mapa-chica .marco iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mapa-chica p{margin:16px 0 0;font-size:18px}
.btn.grande{min-height:76px;padding:20px 48px;font-size:clamp(19px,2.2vw,22px)}

/* Lista de políticas de reserva, numerada */
.politicas{counter-reset:p;list-style:none;display:grid;grid-template-columns:1fr;gap:14px;margin-top:32px;max-width:760px}
.politicas li{position:relative;padding:4px 0 4px 36px;font-size:18px}
.politicas li::before{counter-increment:p;content:counter(p);position:absolute;left:0;top:4px;width:24px;height:24px;border-radius:999px;background:var(--tinta);color:var(--crema);font:600 13px/24px "Founders Grotesk",system-ui,sans-serif;text-align:center}
.politicas.sin-numero li{padding-left:0}
.politicas.sin-numero li::before{content:none}