/*
Theme Name: Monisimos (hijo de Astra)
Theme URI: https://monisimos.es/
Template: astra
Author: Cafe con SEO
Description: Tema hijo de Astra para Monisimos, peluqueria canina y autolavado de perros en Alcantarilla (Murcia). La portada y las paginas internas van como plantillas propias; el resto queda libre para Elementor, heredando la paleta y la tipografia.
Version: 1.8.2
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: monisimos-child
*/

/* Fuentes servidas desde el propio dominio: ni una peticion a Google,
   asi no se transfiere la IP del visitante a un tercero. Subconjunto latin,
   que cubre el espanol completo. */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fuentes/rP2Wp2ywxg089UriCZaSExdy3sGt9zz86GPwyKy58Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(assets/fuentes/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Homemade Apple';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fuentes/Qw3EZQFXECDrI2q789EKQZJob0x6XHg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url(assets/fuentes/6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



:root{
  color-scheme:light;
  --petroleo:#0E4A45; --petroleo-2:#135C55; --petroleo-3:#1C6E66; --petroleo-4:#0A3935;
  --salvia:#D3E3D9; --salvia-2:#B9D2C6; --salvia-3:#EAF2ED;
  --espuma:#FAF7F2; --arena:#F0E6D8; --linea:#E3DACB; --blanco:#FFFFFF;
  --terracota:#A94F31; --terracota-2:#8F4027;
  --melocoton:#F3C9AE; --melocoton-2:#F8E0CF; --mostaza:#F1BE45;
  --tinta:#1F2E2B; --gris:#56645F; --claro:#CFE0D8;
  --display:"Fraunces",Georgia,serif;
  --body:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mano:"Homemade Apple","Segoe Script",cursive;
  --r:10px; --r-s:8px;
  --sombra:0 22px 48px -30px rgba(14,74,69,.5);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--espuma);color:var(--tinta);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,ol,figure,dl{margin:0}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--mostaza);outline-offset:3px;border-radius:6px}
.wrap{max-width:1160px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
section[id]{scroll-margin-top:84px}
.i{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--terracota);margin-bottom:12px}
h2{font-family:var(--display);font-weight:700;font-size:clamp(2rem,4.2vw,3rem);line-height:1.13;letter-spacing:-.01em;color:var(--petroleo);text-wrap:balance}
h3{font-family:var(--display);font-weight:700;font-size:1.28rem;line-height:1.2;color:var(--petroleo)}
.iq{font-family:var(--body);font-weight:700;letter-spacing:0}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 56px;margin-bottom:40px}
.sec-intro{max-width:34em;color:var(--gris)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;background:var(--melocoton-2);color:var(--terracota-2);font-size:12.5px;font-weight:700}
.pend{border-bottom:1.5px dotted var(--terracota);cursor:help}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.92em 1.45em;border-radius:var(--r-s);font:700 16px/1.1 var(--body);text-decoration:none;white-space:nowrap;border:2px solid transparent;cursor:pointer;transition:transform .2s,background-color .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--terracota);color:#fff}
.btn-primary:hover{background:var(--terracota-2)}
.btn-ghost{border-color:rgba(250,247,242,.55);color:var(--espuma)}
.btn-ghost:hover{background:rgba(250,247,242,.1)}
.btn-outline{border-color:var(--petroleo);color:var(--petroleo)}
.btn-outline:hover{background:var(--petroleo);color:var(--espuma)}
.btn-sm{padding:.7em 1.1em;font-size:15px}


/* precio en tarjetas de servicio */
.desde{display:inline-flex;align-items:baseline;gap:.28em;font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--terracota)}
.desde small{font-family:var(--body);font-weight:600;font-size:12.5px;color:var(--gris);letter-spacing:.02em}
.servicio h3 .iq{font-size:.95em}

/* tarifa simple (autolavado) */
.tarifa{list-style:none;padding:0;display:grid;gap:0;margin-top:18px;background:rgba(250,247,242,.07);border:1px solid rgba(207,224,216,.18);border-radius:var(--r);overflow:hidden}
.tarifa li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 18px;font-size:15.5px}
.tarifa li+li{border-top:1px solid rgba(207,224,216,.14)}
.tarifa b{font-family:var(--display);font-weight:700;color:var(--melocoton);white-space:nowrap}
.tarifa span small{display:block;font-size:13.5px;color:var(--claro);font-weight:400}

/* razas */
.razas-sec{padding-block:88px;background:var(--salvia-3)}
.razas-grid{columns:4;column-gap:18px;margin-top:8px}
.raza{margin:0 0 22px;break-inside:avoid;-webkit-column-break-inside:avoid;background:var(--blanco);border:1px solid var(--salvia-2);border-radius:var(--r);overflow:hidden;box-shadow:0 10px 22px -18px rgba(14,74,69,.45)}
.raza img{width:100%;height:auto;display:block}
.raza-txt{padding:14px 16px 16px}
.raza h3{font-size:1.12rem;margin-bottom:4px}
.raza p{font-size:14.5px;color:var(--gris);line-height:1.45}

/* zona atendida */
.zona{margin-top:26px}
.zona-titulo{font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--petroleo);margin-bottom:10px}
.zona-lista{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.zona-lista li{display:inline-flex;align-items:baseline;gap:7px;padding:7px 13px;border-radius:var(--r-s);background:var(--blanco);border:1px solid var(--linea);font-size:14.5px;color:var(--petroleo)}
.zona-lista li span{font-size:12.5px;font-weight:700;color:var(--terracota)}
.zona-intro{font-size:15.5px;color:var(--gris);max-width:46em;margin-bottom:14px}
.zona-nota{font-size:15px;color:#3C4A46;max-width:46em;margin-top:14px}

/* barra de acción móvil */
.accion{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;background:var(--petroleo-4);box-shadow:0 -8px 24px -12px rgba(0,0,0,.5);padding-bottom:env(safe-area-inset-bottom,0px)}
.accion-in{display:grid;grid-template-columns:repeat(3,1fr)}
.accion a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 4px 11px;color:var(--espuma);text-decoration:none;font:700 12px/1.15 var(--body);text-align:center}
.accion a+a{border-left:1px solid rgba(207,224,216,.16)}
.accion .i{width:20px;height:20px;color:var(--melocoton)}

/* cabecera: teléfono */
.nav-tel{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:15px;color:var(--petroleo);text-decoration:none;white-space:nowrap}
.nav-tel .i{width:18px;height:18px;color:var(--terracota)}

/* respuesta destacada (cuánto cuesta) */
.respuesta{background:var(--blanco);border:1px solid var(--linea);border-left:4px solid var(--terracota);border-radius:var(--r-s);padding:18px 20px;margin-top:26px;max-width:44em}
.respuesta h3{font-size:1.1rem;margin-bottom:6px}
.respuesta p{font-size:16px;color:#3C4A46}
.respuesta p+p{margin-top:8px}


/* notas de precio dentro de la tarjeta */
.notas-precio{list-style:none;padding:0;margin-top:14px;display:grid;gap:0;border-top:1px solid var(--linea)}
.notas-precio li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-block:10px;border-bottom:1px solid var(--linea);font-size:14.5px;color:var(--gris)}
.notas-precio b{color:var(--petroleo);text-align:right;font-size:14px}

/* qué va incluido */
.incluye-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,56px);margin-top:clamp(36px,5vw,60px);padding-top:clamp(28px,4vw,44px);border-top:1px solid var(--linea)}
.incluye h3{font-size:1.25rem;margin-bottom:12px}
.incluye-lead{font-size:16px;color:#3C4A46;margin-bottom:14px;max-width:34em}
.incluye-nota{font-size:14.5px;color:var(--gris);margin-top:12px}
.lista-check{list-style:none;padding:0;display:grid;gap:9px}
.lista-check li{position:relative;display:block;padding-left:26px;font-size:16px;line-height:1.45;color:#3C4A46}
.lista-check li::before{content:"";position:absolute;left:2px;top:8px;width:11px;height:11px;border-radius:50%;background:var(--terracota);box-shadow:0 0 0 4px rgba(169,79,49,.14)}
.champu{display:grid;gap:0;border-top:1px solid var(--linea)}
.champu>div{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;padding-block:12px;border-bottom:1px solid var(--linea)}
.champu dt{font-weight:700;font-size:15.5px;color:var(--petroleo)}
.champu dd{margin:0;font-size:15.5px;color:#3C4A46}

/* lo que va incluido después */
.despues{background:var(--salvia);padding-block:80px}
.despues-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.despues-card{background:var(--espuma);border:1px solid var(--salvia-2);border-radius:var(--r);padding:24px 24px 22px;display:flex;flex-direction:column;gap:9px}
.despues-card b{display:inline-block;align-self:flex-start;font:700 13px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--terracota-2);background:var(--melocoton-2);border-radius:6px;padding:7px 11px;margin-bottom:4px}
.despues-card p{font-size:16px;color:#44534E}


/* títulos: mismo Fraunces 700, afinado un 7% con un filete del color del fondo.
   0.017em está calibrado por medición de cobertura de tinta: da -7% a cualquier tamaño. */
:root{--fondo:var(--espuma);--afinado:0.017em} /* un solo número controla el afinado de todos los títulos */
.portada,.box,.info-card{--fondo:var(--petroleo)}
.caso,.pie{--fondo:var(--petroleo-4)}
.metodo,.despues{--fondo:var(--salvia)}
.razas-sec,.contacto{--fondo:var(--salvia-3)}
.precios{--fondo:var(--arena)}
.escucho{--fondo:var(--melocoton-2)}
.servicio,.raza,.titulo-caja,.form-cita{--fondo:var(--blanco)}
.precios-card,.despues-card,.notas{--fondo:var(--espuma)}
h1 .titular,h2,.cita,.caso-cita,.escucho blockquote{-webkit-text-stroke:var(--afinado) var(--fondo)}
h3,.pasos h4,.faq-lista summary,.p-precio,.dato strong,.talla-info strong,
.marca-nombre,.razas-label,.pie-titulo,.box-paso b{-webkit-text-stroke:calc(var(--afinado)*.8) var(--fondo)}

/* marcas de producto */
.marcas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--linea)}
.marcas span{font-size:14px;color:var(--gris)}
.marcas b{font:700 13px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--petroleo);background:var(--salvia-3);border:1px solid var(--salvia);border-radius:6px;padding:7px 11px}


/* fichas de los dos servicios principales */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.plan{position:relative;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r);padding:28px 26px 22px;display:flex;flex-direction:column;gap:11px;--fondo:var(--blanco)}
.plan--dest{border-color:var(--petroleo);box-shadow:var(--sombra)}
.plan-badge{position:absolute;top:-11px;left:24px;font:700 10.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--terracota);border-radius:5px;padding:7px 10px}
.plan-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.plan h3{font-size:1.32rem}
.plan-precio{text-align:right;flex:none}
.plan-precio b{display:block;font-family:var(--display);font-weight:700;font-size:1.45rem;color:var(--terracota);line-height:1;-webkit-text-stroke:calc(var(--afinado)*.8) var(--fondo)}
.plan-precio span{display:block;font-size:11.5px;color:var(--gris);margin-top:5px;line-height:1.3}
.plan>p{font-size:15.5px;color:#3C4A46}
.plan h4{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--terracota);margin-top:5px}
.plan ul{list-style:none;padding:0;display:grid;gap:6px}
.plan ul li{position:relative;padding-left:17px;font-size:14.5px;line-height:1.4;color:#3C4A46}
.plan ul li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--salvia-2)}
.plan ul.si li::before{background:var(--terracota)}
.plan ul.dias li{padding-left:0}
.plan ul.dias li::before{display:none}
.plan ul.dias em{font-style:normal;font-weight:700;color:var(--petroleo)}
.plan-pie{margin-top:auto;padding-top:14px;border-top:1px dashed var(--linea);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--gris)}
.plan-pie a{font-weight:700;color:var(--terracota);text-decoration:none;white-space:nowrap}
.servicios-grid--4{grid-template-columns:repeat(4,1fr)}
.inc2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,52px);margin-bottom:clamp(26px,4vw,38px)}

/* cinta */
.cinta{background:var(--tinta);color:#DCE7E2;font-size:13.5px;padding-block:9px}
.cinta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;text-align:center}
.cinta strong{color:#fff}
.cinta-btn{font:700 13px/1 var(--body);color:var(--tinta);background:var(--mostaza);border:0;border-radius:6px;padding:7px 13px;cursor:pointer}

/* cabecera */
.cabecera{position:sticky;top:0;z-index:50;background:rgba(250,247,242,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.nav-in{display:flex;align-items:center;gap:18px;min-height:74px}
.marca{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--petroleo)}
.marca-sim{width:44px;height:44px;flex:none}
.marca-txt{display:flex;flex-direction:column;line-height:1}
.marca-nombre{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:-.01em}
.marca-sub{font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);margin-top:8px;white-space:nowrap}
.nav{margin-left:auto}
.nav-in>.nav-tel{margin-left:4px}
.menu{display:flex;gap:17px;list-style:none;padding:0}
.menu a{text-decoration:none;white-space:nowrap;font-weight:500;font-size:15px;color:var(--tinta);padding-block:6px;background:linear-gradient(var(--terracota),var(--terracota)) no-repeat left bottom/0 2px;transition:background-size .25s,color .2s}
.menu a:hover{color:var(--terracota);background-size:100% 2px}
.menu-toggle{display:none;align-items:center;gap:8px;font:700 15px/1 var(--body);color:var(--petroleo);background:transparent;border:1.5px solid var(--salvia-2);border-radius:var(--r-s);padding:9px 14px;cursor:pointer}

/* portada */
.portada{background:var(--petroleo);color:var(--espuma);padding-block:clamp(40px,6vw,64px) 0}
.portada-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,56px);align-items:center}
h1{margin:0}
.kicker{display:block;font-size:13.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--melocoton);margin-bottom:18px}
.titular{display:block;font-family:var(--display);font-weight:700;font-size:clamp(2.1rem,4.4vw,3.3rem);line-height:1.09;letter-spacing:-.015em;text-wrap:balance}
.portada-lead{max-width:34em;font-size:18px;line-height:1.62;color:var(--claro);margin-block:24px 30px}
.portada-lead em{font-style:normal;color:var(--melocoton)}
.portada-acciones{display:flex;flex-wrap:wrap;gap:12px}
.portada-meta{display:grid;gap:10px;list-style:none;padding:0;margin-top:28px;font-size:15px;color:#BFD6CC}
.portada-meta li{display:flex;align-items:flex-start;gap:10px}
.portada-meta .i{width:19px;height:19px;color:var(--melocoton);margin-top:3px}
.portada-foto{position:relative;margin:0}
.portada-foto img{border-radius:var(--r);width:100%;height:auto;box-shadow:var(--sombra)}
.foto-pie{position:absolute;left:12px;bottom:12px;background:rgba(250,247,242,.94);color:var(--tinta);font-size:13px;line-height:1.3;padding:7px 11px;border-radius:6px;max-width:calc(100% - 24px)}
.pegatina{position:absolute;right:-14px;top:-22px;width:104px;height:104px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.pegatina-giro{transform-origin:60px 60px;animation:gira 26s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.portada-pie{margin-top:clamp(32px,5vw,56px);padding-block:18px;border-top:1px solid rgba(207,224,216,.2);display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14.5px;color:#BFD6CC}
.portada-pie span{display:inline-flex;align-items:center;gap:8px}
.portada-pie .i{width:18px;height:18px;color:var(--melocoton)}

/* pilares */
.pilares{padding-block:72px 80px}
.pilares-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.pilar{display:grid;gap:10px;align-content:start;padding-right:24px;border-left:1px solid var(--linea);padding-left:28px}
.pilar:first-child{border-left:0;padding-left:0}
.pilar-ico{width:52px;height:52px;border-radius:50%;background:var(--salvia);color:var(--petroleo);display:grid;place-items:center;margin-bottom:6px}
.pilar-ico .i{width:25px;height:25px}
.pilar p{color:var(--gris);font-size:16px}
.cita-corta{font-family:var(--display);font-size:1rem;line-height:1.4;color:var(--terracota)}

/* servicios */
.servicios{padding-bottom:88px}
.servicios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.servicio{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r);padding:26px 26px 20px;display:flex;flex-direction:column;gap:12px;transition:transform .25s,box-shadow .25s,border-color .25s}
.servicio:hover{transform:translateY(-2px);border-color:var(--salvia-2);box-shadow:var(--sombra)}
.servicio-ico{width:56px;height:56px;border-radius:50%;background:var(--melocoton-2);color:var(--terracota);display:grid;place-items:center}
.servicio-ico .i{width:26px;height:26px}
.servicio p{color:var(--gris);font-size:16px}
.servicio-pie{margin-top:auto;padding-top:14px;border-top:1px dashed var(--linea);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
.servicio-pie span{color:var(--gris)}
.servicio-pie strong{color:var(--tinta)}
.servicio-pie a{font-weight:700;color:var(--terracota);text-decoration:none;white-space:nowrap}
.razas{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.razas-label{flex-basis:100%;font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--petroleo);margin-bottom:2px}
.chip{display:inline-block;padding:8px 14px;border-radius:var(--r-s);border:1.5px solid var(--salvia-2);color:var(--petroleo);text-decoration:none;font-size:15px}
.chip:hover{background:var(--salvia)}
.razas-nota{flex-basis:100%;font-size:14px;color:var(--gris);margin-top:2px}

/* método */
.metodo{background:var(--salvia);padding-block:88px}
.metodo-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.pasos{list-style:none;padding:0;counter-reset:p;display:grid;gap:18px}
.pasos li{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start}
.pasos b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--petroleo);color:var(--espuma);font-family:var(--display);font-size:16px}
.pasos h4{font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--petroleo)}
.pasos p{font-size:16px;color:#44534E}
.metodo-foto{margin:0;position:sticky;top:96px}
.metodo-foto img{border-radius:var(--r);width:100%;height:auto}
.metodo-foto figcaption{font-size:13.5px;color:#44534E;margin-top:10px}

/* no hago */
.nohago{padding-block:88px}
.nohago-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:center}
.nohago-foto{margin:0}
.nohago-foto img{border-radius:var(--r);width:100%;height:auto}
.nohago-foto figcaption{font-size:13.5px;color:var(--gris);margin-top:10px}
.lista-no{list-style:none;padding:0;display:grid;gap:16px;margin-top:22px}
.lista-no li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}
.lista-no .i{width:26px;height:26px;color:var(--terracota);margin-top:2px}
.lista-no strong{display:block;font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--petroleo);margin-bottom:2px}
.lista-no p{font-size:16px;color:#44534E}

/* autolavado */
.box{background:var(--petroleo);color:var(--espuma);padding-block:88px}
.box h2,.box h3{color:var(--espuma)}
.box .eyebrow{color:var(--melocoton)}
.box .sec-intro{color:var(--claro)}
.box-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}
.box-paso{background:rgba(250,247,242,.07);border:1px solid rgba(207,224,216,.18);border-radius:var(--r);padding:20px}
.box-paso b{display:block;font-family:var(--display);font-size:1.6rem;color:var(--melocoton);line-height:1;margin-bottom:10px}
.box-paso p{font-size:15.5px;color:var(--claro);margin-top:4px}
.box-nota{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;background:rgba(243,201,174,.14);border-radius:var(--r);padding:18px 20px;font-size:16px;color:var(--espuma)}
.box-nota .i{color:var(--melocoton);margin-top:2px}

/* precios */
.precios{background:var(--arena);padding-block:88px}
.precios-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,5vw,64px);align-items:center}
.precios-grid>*,.incluye-grid>*,.sobre-grid>*,.metodo-grid>*,.nohago-grid>*,.contacto-grid>*,.faq-grid>*{min-width:0}
.tallas{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.talla{font:700 15px/1 var(--body);padding:11px 15px;border-radius:var(--r-s);border:1.5px solid var(--petroleo);background:transparent;color:var(--petroleo);cursor:pointer}
.talla[aria-checked="true"]{background:var(--petroleo);color:var(--espuma)}
.talla-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:18px}
.talla-info strong{font-family:var(--display);font-size:1.7rem;color:var(--petroleo);line-height:1.1}
.talla-info span{color:#4A5551;font-size:15.5px}
.precios-card{background:var(--espuma);border-radius:var(--r);padding:28px clamp(20px,3vw,32px);box-shadow:var(--sombra)}
.precios-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.precios-sub{font-size:14px;color:var(--gris);margin-top:4px}
.precios-lista{list-style:none;padding:0;margin-top:10px}
.precios-lista li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:13px;border-bottom:1px solid var(--linea)}
.p-nombre{display:block;font-weight:700;font-size:16.5px}
.p-det{display:block;font-size:14px;color:var(--gris)}
.p-consulta{font-family:var(--body);font-weight:700;font-size:.95rem;color:var(--terracota);letter-spacing:.01em}
.p-precio{font-family:var(--display);font-weight:700;font-size:1.4rem;color:var(--petroleo);white-space:nowrap;font-variant-numeric:tabular-nums}
.p-guion{font-family:var(--body);font-weight:600;color:var(--gris);margin-inline:.12em;position:relative;top:-.06em}
.aviso{display:flex;gap:12px;align-items:flex-start;background:var(--salvia-3);border-radius:var(--r-s);padding:14px 16px;margin-block:18px 20px;font-size:14px;line-height:1.5;color:#3C4A46}
.aviso .i{color:var(--petroleo);width:20px;height:20px;margin-top:1px}
.aviso strong{color:var(--petroleo)}

/* sobre mí */
.sobre{padding-block:88px}
.sobre-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,72px);align-items:start}
.sobre-foto{margin:0}
.sobre-foto img{border-radius:var(--r);width:100%;height:auto}
.sobre-mini{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.sobre-mini img{border-radius:var(--r-s);height:clamp(86px,13vw,124px);width:auto;max-width:none}
.sobre-texto p{color:#3C4A46;margin-bottom:14px;max-width:38em}
.cita{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.3vw,1.65rem);line-height:1.32;color:var(--terracota);margin-block:20px;max-width:24em;text-wrap:balance}
.firma-fila{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-block:6px 20px}
.firma{font-family:var(--mano);font-size:30px;color:var(--petroleo);line-height:1.7;transform:rotate(-3deg);transform-origin:left center}
.dato{display:flex;align-items:center;gap:10px;padding-left:26px;border-left:1px solid var(--linea);font-size:14px;color:var(--gris)}
.dato strong{font-family:var(--display);font-size:1.5rem;color:var(--terracota);line-height:1}
.credenciales{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin-top:6px}
.credenciales li{padding:7px 13px;border-radius:var(--r-s);background:var(--salvia-3);border:1px solid var(--salvia);font-size:14.5px;color:var(--petroleo)}
.titulo-caja{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;margin-top:30px;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r);padding:22px}
.titulo-caja img{border-radius:var(--r-s);width:100%;height:auto}
.titulo-caja dl{display:grid;gap:8px;font-size:15.5px}
.titulo-caja dt{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--terracota)}
.titulo-caja dd{margin:0;color:#3C4A46}

/* caso */
.caso{background:var(--petroleo-4);color:var(--espuma);padding-block:80px}
.caso .eyebrow{color:var(--melocoton)}
.caso h2{color:var(--espuma);max-width:24em}
.caso-cita{font-family:var(--display);font-size:clamp(1.2rem,2.6vw,1.75rem);line-height:1.4;color:var(--melocoton);margin-block:24px;max-width:38em}
.caso p{color:var(--claro);max-width:40em}

/* galería */
.galeria{padding-block:88px}
.galeria-grid{columns:4;column-gap:16px}
.retrato{margin:0 0 20px;position:relative;break-inside:avoid;-webkit-column-break-inside:avoid}
.retrato img{border-radius:var(--r);width:100%;height:auto}
.retrato figcaption{margin-top:8px;font-size:14px;line-height:1.35;color:var(--gris)}
.retrato figcaption strong{display:block;color:var(--tinta)}
.galeria-pie{margin-top:20px;font-size:14px;color:var(--gris)}

/* escucho */
.escucho{background:var(--melocoton-2);padding-block:72px}
.escucho-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.escucho blockquote{margin:0;font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.25;color:var(--terracota-2)}
.escucho p{color:#5B4437;margin-top:14px}

/* consejos */
.consejos{padding-block:88px}
.consejos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,36px)}
.consejo{border-top:1.5px solid var(--petroleo);padding-top:18px;display:flex;flex-direction:column;gap:8px}
.consejo h3{font-size:1.2rem}
.consejo p{font-size:16px;color:var(--gris)}

/* faq */
.faq{padding-bottom:88px}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,6vw,72px);align-items:start}
.faq-intro p{color:var(--gris);margin-block:16px 24px;max-width:26em}
.faq-lista details{border-bottom:1px solid var(--linea)}
.faq-lista details:first-child{border-top:1px solid var(--linea)}
.faq-lista summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:18px;font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--petroleo)}
.faq-lista summary::-webkit-details-marker{display:none}
.faq-mas{width:32px;height:32px;border-radius:var(--r-s);background:var(--salvia);display:grid;place-items:center;flex:none;transition:transform .25s,background-color .2s}
.faq-mas .i{width:17px;height:17px}
details[open] .faq-mas{transform:rotate(45deg);background:var(--melocoton)}
.faq-lista details p{color:#3C4A46;padding-bottom:20px;max-width:42em}

/* contacto */
.contacto{background:var(--salvia-3);padding-block:88px}
.contacto-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.form-cita{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r);padding:clamp(22px,3.5vw,34px);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.campo--full{grid-column:1/-1}
.campo label{font-size:14px;font-weight:700}
.campo input,.campo select,.campo textarea{font:400 16px/1.4 var(--body);color:var(--tinta);background:var(--espuma);border:1.5px solid var(--linea);border-radius:var(--r-s);padding:12px 14px;width:100%}
.campo textarea{resize:vertical;min-height:84px}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--petroleo);box-shadow:0 0 0 4px rgba(14,74,69,.12)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--gris);cursor:pointer}
.check input{width:19px;height:19px;accent-color:var(--petroleo);margin-top:2px;flex:none}
.form-pie{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.form-aviso{font-size:13.5px;color:var(--gris);max-width:24em}
.form-msg{grid-column:1/-1;border-radius:var(--r-s);padding:14px 16px;font-size:15px}
.form-msg--ok{background:var(--salvia);color:var(--petroleo)}
.form-msg--error{background:var(--melocoton-2);color:var(--terracota-2)}
.info-card{background:var(--petroleo);color:var(--espuma);border-radius:var(--r);padding:clamp(22px,3.5vw,32px);display:flex;flex-direction:column;gap:18px}
.info-card h3{color:var(--espuma);font-size:1.4rem}
.horario{display:grid;gap:9px;margin:0}
.horario div{display:flex;justify-content:space-between;gap:14px;padding-bottom:9px;border-bottom:1px solid rgba(207,224,216,.18);font-size:15.5px}
.horario dt{color:var(--claro)}
.horario dd{margin:0;font-weight:700;text-align:right}
.datos{list-style:none;padding:0;display:grid;gap:10px;font-size:15.5px}
.datos li{display:flex;align-items:flex-start;gap:10px}
.datos .i{color:var(--melocoton);width:19px;height:19px;margin-top:3px}
.info-card .pend{border-bottom-color:var(--melocoton)}

/* pie */
.pie{background:var(--petroleo-4);color:var(--claro);font-size:15px}
.pie-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr .9fr;gap:32px;padding-block:56px 40px}
/* Zona privada: el pie se queda solo con la marca, sin las tres columnas de
   anclas de la portada. Sin esto la columna quedaria estrangulada en 1.4fr. */
.pie-grid--solo{grid-template-columns:1fr}
.pie .marca{color:var(--espuma)}
.pie .marca-sub{color:var(--claro)}
.pie-marca p{margin-top:14px;max-width:26em}
.pie-titulo{font-family:var(--display);font-weight:700;color:var(--espuma);font-size:1.05rem;margin-bottom:10px}
.pie ul{list-style:none;padding:0;display:grid;gap:6px}
.pie a{text-decoration:none}
.pie a:hover{color:var(--melocoton)}
.pie-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:18px 26px;border-top:1px solid rgba(207,224,216,.16);font-size:13.5px;color:#9FB9AF}

/* whatsapp */
.wa{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:10px;background:var(--petroleo);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:8px 18px 8px 8px;border-radius:var(--r);box-shadow:0 14px 30px -10px rgba(10,57,53,.6)}
.wa:hover{transform:translateY(-3px)}
.wa-ico{width:38px;height:38px;border-radius:var(--r-s);background:#25D366;display:grid;place-items:center}
.wa-ico .i{width:21px;height:21px}

/* notas */
.notas{border:0;padding:0;border-radius:12px;width:min(900px,calc(100% - 32px));max-height:88vh;background:var(--espuma);color:var(--tinta)}
.notas::backdrop{background:rgba(10,40,37,.6)}
.notas-in{padding:clamp(22px,4vw,38px);overflow:auto;max-height:88vh}
.notas-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}
.notas-cerrar{width:42px;height:42px;border-radius:var(--r-s);border:1.5px solid var(--linea);background:var(--blanco);color:var(--petroleo);font-size:22px;cursor:pointer;flex:none}
.notas h3{margin-block:24px 10px;font-size:1.15rem}
.notas ul{margin:0;padding-left:18px;display:grid;gap:7px;font-size:15px;color:#3C4A46}
.notas .ok{color:var(--petroleo);font-weight:700}
.notas .falta{color:var(--terracota);font-weight:700}
.notas p{font-size:15px;color:#3C4A46}

@media (max-width:1180px){
  .menu-toggle{display:inline-flex}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--espuma);border-bottom:1px solid var(--linea);padding:8px clamp(16px,4vw,32px) 16px}
  .menu.abierto{display:flex}
  .menu a{display:block;padding-block:12px;font-size:17px;border-bottom:1px solid var(--linea);background:none}
  .nav-in{gap:12px;position:relative}
  .portada-grid,.metodo-grid,.nohago-grid,.precios-grid,.sobre-grid,.faq-grid,.contacto-grid,.escucho-in{grid-template-columns:1fr}
  .pilares-grid{grid-template-columns:1fr;gap:24px}
  .pilar{border-left:0;padding:0}
  .pilar+.pilar{border-top:1px solid var(--linea);padding-top:24px}
  .servicios-grid,.consejos-grid{grid-template-columns:repeat(2,1fr)}
  .incluye-grid,.despues-grid,.duo,.inc2{grid-template-columns:1fr}
  .servicios-grid--4{grid-template-columns:repeat(2,1fr)}
  .champu>div{grid-template-columns:1fr;gap:2px}
  .box-grid{grid-template-columns:repeat(2,1fr)}
  .galeria-grid,.razas-grid{columns:3}
  .metodo-foto{position:static}
  .pie-grid{grid-template-columns:1fr 1fr}
  .titulo-caja{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .nav-cta{display:none}
  .servicios-grid,.consejos-grid{grid-template-columns:1fr}
  .galeria-grid,.razas-grid{columns:2;column-gap:12px}
  .retrato{margin-bottom:14px}
  .raza{margin-bottom:14px}
  .accion{display:block}
  .wa{display:none}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .nav-tel{display:none}
  .marca-sub{white-space:normal;letter-spacing:.12em;font-size:9px}
  .marca-txt{min-width:0}
  .menu-toggle{padding:8px 11px}
  .razas-sec{padding-block:56px}
  .box-grid{grid-template-columns:1fr}
  .form-cita{grid-template-columns:1fr}
  .pie-grid{grid-template-columns:1fr}
  .pilares,.servicios,.metodo,.nohago,.box,.precios,.sobre,.galeria,.consejos,.faq,.contacto,.despues{padding-block:56px}
  .respuesta{padding:15px 16px}
  .notas-precio li{flex-direction:column;gap:2px}
  .notas-precio b{text-align:left}
  .talla{padding:10px 12px;font-size:14.5px}
  .pegatina{width:84px;height:84px;right:-6px;top:-16px}
  .wa-txt{display:none}
  .wa{padding:8px}
  .sec-head{margin-bottom:28px}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ====== marca ====== */
.marca--img{padding:2px 0}
.marca-logo{height:44px;width:auto}
.pie-logo-a{display:inline-block;text-decoration:none}
.pie-logo{width:122px;height:122px;border-radius:50%}
@media (max-width:560px){.marca-logo{height:37px}}
[hidden]{display:none!important}

/* ====== paleta ====== */

:root{
  --petroleo:#15131A; --petroleo-2:#221F29; --petroleo-3:#332F3B; --petroleo-4:#0E0C12;
  --espuma:#FFFFFF; --nube:#F7F6F8; --blanco:#FFFFFF;
  --salvia:#FFFFFF; --salvia-2:#E7E4EA; --salvia-3:#FFFFFF;
  --arena:#F6E7EE; --linea:#E7E3EA;
  --terracota:#B23A6B; --terracota-2:#8E2A54;
  --melocoton:#D98BA8; --melocoton-2:#F6E7EE; --mostaza:#B23A6B;
  --tinta:#15131A; --gris:#5C5866; --claro:#DAD6DE;
  --seco:#4A4754;
}

.zona-nota,.respuesta p,.incluye-lead,.lista-check li,.champu dd,.plan>p,.plan ul li,
.aviso,.sobre-texto p,.titulo-caja dd,.faq-lista details p,.notas ul,.notas p,
.talla-info span,.despues-card p,.pasos p,.metodo-foto figcaption,.lista-no p,
.escucho p,.galeria-pie,.razas-nota,.form-aviso,.foto-pie{color:var(--seco)}

.cinta{color:#E6E3EB}
.pie-legal{color:#A8A3B2;border-top-color:rgba(255,255,255,.14)}
.btn-ghost{border-color:rgba(255,255,255,.5);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.tarifa{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.tarifa li+li{border-top-color:rgba(255,255,255,.13)}
.box-paso{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.box-nota{background:rgba(217,139,168,.18)}
.accion a+a{border-left-color:rgba(255,255,255,.16)}
.horario div{border-bottom-color:rgba(255,255,255,.18)}
.cabecera{background:rgba(255,255,255,.94)}
.foto-pie{background:rgba(255,255,255,.95)}
.notas::backdrop{background:rgba(21,19,26,.6)}
.raza{box-shadow:0 10px 22px -18px rgba(21,19,26,.4)}
.wa{background:#15131A;box-shadow:0 14px 30px -10px rgba(21,19,26,.45)}
.campo input:focus,.campo select:focus,.campo textarea:focus{box-shadow:0 0 0 4px rgba(178,58,107,.13)}
.lista-check li::before{box-shadow:0 0 0 4px rgba(178,58,107,.14)}
:focus-visible{outline-color:#B23A6B}
.cinta-btn{background:#B23A6B;color:#fff}
.sombra{--sombra:0 22px 48px -30px rgba(21,19,26,.35)}

.pegatina circle{fill:#15131A}
.pegatina text{fill:#FFFFFF}
.pegatina{filter:none}

.pilares,.nohago,.consejos,.metodo,.servicios,.faq,.sobre,.galeria{background:#fff;--fondo:#fff}
.despues,.razas-sec,.contacto{background:var(--nube);--fondo:var(--nube)}
.precios{background:var(--arena);--fondo:var(--arena)}
.box{background:var(--petroleo);--fondo:var(--petroleo)}
.caso{background:var(--petroleo-4);--fondo:var(--petroleo-4)}
.pie{background:var(--petroleo-4);--fondo:var(--petroleo-4)}
.credenciales li{background:var(--nube);border-color:var(--linea)}
.aviso{background:var(--nube)}
.marcas b{background:var(--nube);border-color:var(--linea)}
.despues-card,.precios-card,.servicio,.raza,.titulo-caja,.form-cita{--fondo:#fff}
.zona-lista li{background:var(--nube)}
.pilar-ico{background:var(--melocoton-2);color:var(--terracota-2)}
.faq-mas{background:var(--melocoton-2);color:var(--terracota-2)}
details[open] .faq-mas{background:var(--terracota);color:#fff}
.escucho{background:var(--arena);--fondo:var(--arena)}
.escucho blockquote{color:var(--terracota-2)}
.caso-cita{color:var(--melocoton)}

.box .eyebrow,.caso .eyebrow{color:#E8879F}
.box .pend,.caso .pend{border-bottom-color:#E8879F}

/* ====== diseño ====== */
html[data-d]{--display:"Fraunces",Georgia,serif;--afinado:0;--r:8px;--r-s:8px;
 --sombra:0 20px 44px -32px rgba(21,19,26,.42);--carta:0 1px 2px rgba(21,19,26,.05)}
html[data-d] h2{font-weight:600;font-size:clamp(2.05rem,4.8vw,3.45rem);letter-spacing:-.022em;line-height:1.06}
html[data-d] h3{font-weight:600;font-size:1.3rem}
html[data-d] h4{font-family:var(--display);font-weight:600}
html[data-d] .titular{font-weight:600;font-size:clamp(2.15rem,5.4vw,3.9rem);letter-spacing:-.03em;line-height:1.04}
html[data-d] .eyebrow{font-size:11.5px;letter-spacing:.2em;color:var(--terracota)}
html[data-d] .kicker{font-size:11.5px;letter-spacing:.2em;color:var(--terracota)}
html[data-d] .box .eyebrow,html[data-d] .caso .eyebrow{color:#E8879F}
html[data-d] .box .pend,html[data-d] .caso .pend{border-bottom-color:#E8879F}
html[data-d] .sobre-texto .cita{color:var(--tinta)}
html[data-d] main{counter-reset:sec}
html[data-d] .sec-head,html[data-d] .precios-grid>div:first-child,html[data-d] .faq-grid>div:first-child{counter-increment:sec}
html[data-d] .sec-head .eyebrow::before,html[data-d] .precios-grid>div:first-child .eyebrow::before,html[data-d] .faq-grid>div:first-child .eyebrow::before{content:counter(sec,decimal-leading-zero) " / "}
html[data-d] .pilares,html[data-d] .nohago,html[data-d] .consejos,html[data-d] .metodo,html[data-d] .faq,html[data-d] .sobre,html[data-d] .galeria,html[data-d] .razas-sec,html[data-d] .despues,html[data-d] .precios,html[data-d] .box,html[data-d] .caso,html[data-d] .contacto,html[data-d] .escucho{padding-block:clamp(56px,7vw,104px)}
html[data-d] .servicios{padding-bottom:clamp(56px,7vw,104px)}
html[data-d] .sec-head{border-top:2px solid var(--tinta);padding-top:18px;align-items:start;margin-bottom:clamp(26px,4vw,52px)}
html[data-d] .box .sec-head{border-top-color:rgba(255,255,255,.5)}
html[data-d] .servicio,html[data-d] .plan,html[data-d] .raza,html[data-d] .titulo-caja,html[data-d] .form-cita,html[data-d] .consejo{background:transparent;border:0;border-radius:0;box-shadow:none;padding-left:0;padding-right:0}
html[data-d] .servicio{border-top:1px solid var(--linea);padding-top:20px;padding-bottom:0}
html[data-d] .plan{border-top:2px solid var(--tinta);padding-top:20px;padding-bottom:0}
html[data-d] .plan--dest{border-top-color:var(--terracota)}
html[data-d] .plan{position:relative}
html[data-d] .plan-badge{position:absolute;top:-13px;left:0;background:var(--terracota);color:#fff;border-radius:999px;padding:6px 13px;letter-spacing:.12em}
html[data-d] .raza{border-top:1px solid var(--linea);padding-top:12px;overflow:visible}
html[data-d] .titulo-caja,html[data-d] .form-cita{border-top:1px solid var(--linea);padding-top:22px}
html[data-d] .credenciales{display:grid;gap:0}
html[data-d] .credenciales li{background:transparent;border:0;border-bottom:1px solid var(--linea);border-radius:0;padding:8px 0;font-size:14.5px;color:var(--seco)}
html[data-d] .marcas{gap:6px 20px}
html[data-d] .marcas b{background:transparent;border:0;border-radius:0;padding:0;color:var(--tinta);font-size:12.5px;letter-spacing:.12em}
html[data-d] .zona-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:0 28px}
html[data-d] .zona-lista li{background:transparent;border:0;border-top:1px solid var(--linea);border-radius:0;padding:9px 0;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
html[data-d] .pilar-ico,html[data-d] .servicio-ico{background:transparent;border:1px solid var(--terracota);color:var(--terracota);width:46px;height:46px}
html[data-d] .pilar-ico .i,html[data-d] .servicio-ico .i{width:21px;height:21px}
html[data-d] .lista-check li{padding-left:22px}
html[data-d] .lista-check li::before{width:7px;height:7px;top:10px;left:3px;box-shadow:none}
html[data-d] .portada-foto img,html[data-d] .raza img,html[data-d] .metodo-foto img,html[data-d] .nohago-foto img,html[data-d] .sobre-foto img,html[data-d] .retrato img,html[data-d] .galeria-grid img,html[data-d] .sobre-mini img{border-radius:var(--r)}
html[data-d] .btn{border-radius:var(--r-s)}
html[data-d] .portada .btn-ghost{border-color:var(--tinta);color:var(--tinta)}
html[data-d] .portada .btn-ghost:hover{background:var(--tinta);color:#fff}
html[data-d] .pill{border-radius:999px;padding:5px 12px}
html[data-d] .chip{border-radius:999px}
html[data-d] .portada{background:#fff;color:var(--tinta);--fondo:#fff;padding-block:clamp(26px,4vw,48px) 0}
@media (min-width:1181px){html[data-d] .portada-grid{grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(24px,4vw,52px)}}
html[data-d] .portada-lead{color:var(--seco);max-width:31em;font-size:17.5px}
html[data-d] .portada-lead em{color:var(--terracota-2);font-weight:700;font-style:normal}
html[data-d] .portada-foto img{box-shadow:0 28px 56px -38px rgba(21,19,26,.45)}
html[data-d] .pegatina circle{fill:#B23A6B}
html[data-d] .pegatina text{fill:#FFFFFF}
html[data-d] .pegatina{filter:drop-shadow(0 10px 18px rgba(21,19,26,.22))}
html[data-d] .portada-pie{color:var(--seco);border-top:1px solid var(--linea);margin-top:clamp(28px,4vw,46px)}
html[data-d] .portada-pie .i{color:var(--terracota)}
html[data-d] .tira-color{background:var(--terracota);--fondo:var(--terracota);color:#fff}
html[data-d] .tira-color .portada-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;padding:0;margin:0;color:#fff;font-size:15px}
html[data-d] .tira-color .portada-meta li{display:flex;align-items:flex-start;gap:12px;padding:26px 26px 26px 0;color:#FDF2F7;line-height:1.4}
html[data-d] .tira-color .portada-meta li+li{border-left:1px solid rgba(255,255,255,.32);padding-left:26px}
html[data-d] .tira-color .portada-meta .i{width:20px;height:20px;flex:none;margin-top:2px;color:#fff}
@media (max-width:900px){html[data-d] .tira-color .portada-meta{grid-template-columns:1fr 1fr}
html[data-d] .tira-color .portada-meta li{padding:20px 20px 20px 0}
html[data-d] .tira-color .portada-meta li+li{border-left:0;padding-left:0}
html[data-d] .tira-color .portada-meta li:nth-child(even){border-left:1px solid rgba(255,255,255,.32);padding-left:20px}
html[data-d] .tira-color .portada-meta li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.32)}}
@media (max-width:560px){html[data-d] .tira-color{padding-block:8px}
html[data-d] .tira-color .portada-meta{grid-template-columns:1fr}
html[data-d] .tira-color .portada-meta li,html[data-d] .tira-color .portada-meta li:nth-child(even){border-left:0;padding:16px 0}
html[data-d] .tira-color .portada-meta li+li{border-top:1px solid rgba(255,255,255,.32)}}
html[data-d] .precios{background:#fff;--fondo:#fff;border-top:1px solid var(--linea)}
@media (min-width:1181px){html[data-d] .precios-grid{grid-template-columns:.92fr 1.08fr;align-items:start}}
html[data-d] .precios-card{background:#fff;border:1px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra);padding:26px clamp(20px,3vw,30px);--fondo:#fff}
html[data-d] .precios-lista li{border-bottom:1px solid var(--linea);padding-block:14px}
html[data-d] .p-precio{font-size:1.45rem;letter-spacing:-.02em;color:var(--tinta)}
html[data-d] .p-consulta{color:var(--terracota-2)}
html[data-d] .notas-precio li{padding-block:11px}
html[data-d] .tallas{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--nube);border:1px solid var(--linea);border-radius:999px;padding:5px;margin-top:24px}
html[data-d] .talla{border:0;border-radius:999px;background:transparent;color:var(--gris);padding:10px 18px}
html[data-d] .talla[aria-checked="true"]{background:var(--terracota);color:#fff}
@media (max-width:640px){html[data-d] .tallas{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:16px}
html[data-d] .talla{border-radius:11px;padding:11px 10px}}
html[data-d] .talla-info strong{color:var(--tinta)}
html[data-d] .respuesta{background:#fff;border:0;border-left:3px solid var(--terracota);border-radius:0 var(--r) var(--r) 0;box-shadow:var(--carta);padding:20px 22px;margin-top:26px}
html[data-d] .despues{background:var(--nube);--fondo:var(--nube)}
html[data-d] .despues-card{background:#fff;border:0;border-left:3px solid var(--terracota);border-radius:0 var(--r) var(--r) 0;box-shadow:var(--carta);padding:22px 22px 20px}
html[data-d] .despues-card b{background:var(--melocoton-2);color:var(--terracota-2);border-radius:999px}
html[data-d] .escucho{background:var(--terracota);--fondo:var(--terracota)}
html[data-d] .escucho .eyebrow{color:#FDF2F7}
html[data-d] .escucho blockquote{color:#fff;font-weight:600}
html[data-d] .escucho p{color:#FDF2F7}
html[data-d] .escucho .pend{border-bottom-color:rgba(255,255,255,.7)}
html[data-d] .pilares,html[data-d] .servicios,html[data-d] .nohago,html[data-d] .sobre,html[data-d] .galeria,html[data-d] .consejos,html[data-d] .metodo{background:#fff;--fondo:#fff}
html[data-d] .razas-sec,html[data-d] .contacto{background:#fff;--fondo:#fff;border-top:1px solid var(--linea)}
html[data-d] .metodo{border-top:1px solid var(--linea)}
html[data-d] .faq{background:#fff;--fondo:#fff}
html[data-d] .aviso{background:var(--nube);border-radius:var(--r)}
html[data-d] .faq-mas{background:var(--melocoton-2);color:var(--terracota-2);border-radius:999px}
html[data-d] details[open] .faq-mas{background:var(--terracota);color:#fff}
html[data-d] .pie{background:#fff;color:var(--seco);border-top:2px solid var(--tinta);--fondo:#fff}
html[data-d] .pie p{color:var(--seco)}
html[data-d] .pie-titulo{color:var(--tinta)}
html[data-d] .pie a{color:var(--seco)}
html[data-d] .pie a:hover{color:var(--terracota)}
html[data-d] .pie-legal{color:var(--gris);border-top-color:var(--linea)}
html[data-d] .pie-logo{border:1px solid var(--linea)}
@media (min-width:1181px){html[data-d] .pilares-grid{grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
html[data-d] .pilar{border:1px solid var(--linea);border-radius:var(--r);padding:30px 26px 28px;
    text-align:center;justify-items:center;align-content:start;gap:12px;background:#fff}
html[data-d] .pilar .pilar-ico{margin-inline:auto;margin-bottom:2px}
html[data-d] .pilar p{max-width:32em;margin-inline:auto}}
html[data-d] .pilar{text-align:center;justify-items:center}
html[data-d] .pilar-ico{margin-inline:auto}
html[data-d] .pilar .cita-corta{margin-inline:auto}
@media (max-width:1180px){html[data-d] .pilar{padding-inline:0}
html[data-d] .pilar p,html[data-d] .pilar .cita-corta{max-width:38em;margin-inline:auto}}
@media (min-width:1181px){html[data-d] .servicios-grid--4{grid-template-columns:repeat(4,1fr);gap:18px}}
@media (min-width:641px) and (max-width:1180px){html[data-d] .servicios-grid--4{grid-template-columns:repeat(2,1fr)}}
html[data-d] .servicio{text-align:center;align-items:center}
html[data-d] .servicio-ico{margin-inline:auto}
html[data-d] .servicio h3,html[data-d] .servicio>p{width:100%}
html[data-d] .servicio>p{max-width:34em;margin-inline:auto}
html[data-d] .servicio-pie{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
html[data-d] .servicio-pie .desde{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.25;min-width:0}
html[data-d] .servicio-pie .desde small{display:block}
html[data-d] .servicio-pie a{flex:none;text-align:right;white-space:nowrap}
html[data-d] .tallas-ac{margin-top:26px;border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;background:#fff}
html[data-d] .tac + .tac{border-top:1px solid var(--linea)}
html[data-d] .tac-cab{display:flex;align-items:center;gap:14px;width:100%;padding:15px 18px;border:0;background:transparent;
  cursor:pointer;font:700 16.5px/1.2 var(--body);color:var(--tinta);text-align:left}
html[data-d] .tac-cab:hover{background:var(--nube)}
html[data-d] .tac-nom{flex:1 1 auto;min-width:0}
html[data-d] .tac-kg{flex:none;font-weight:600;font-size:14px;color:var(--gris)}
html[data-d] .tac-mas{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--melocoton-2);color:var(--terracota-2);transition:transform .2s}
html[data-d] .tac-mas .i{width:15px;height:15px}
html[data-d] .tac-cab[aria-expanded="true"]{background:var(--terracota);color:#fff}
html[data-d] .tac-cab[aria-expanded="true"]:hover{background:var(--terracota-2)}
html[data-d] .tac-cab[aria-expanded="true"] .tac-kg{color:#FDF2F7}
html[data-d] .tac-cab[aria-expanded="true"] .tac-mas{background:rgba(255,255,255,.22);color:#fff;transform:rotate(45deg)}
html[data-d] .tac-cuerpo{padding:14px 18px 17px;background:var(--nube);border-top:1px solid var(--linea)}
html[data-d] .tac-cuerpo[hidden]{display:none}
html[data-d] .tac-cuerpo p{font-size:15.5px;color:var(--seco);margin:0}
html[data-d] .tac-et{display:block;font:700 10.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;
  color:var(--terracota-2);margin-bottom:6px}
@media (max-width:560px){html[data-d] .tac-cab{padding:14px 14px;font-size:16px;flex-wrap:wrap}
html[data-d] .tac-kg{flex-basis:100%;order:3}}
html[data-d] .incluye-grid{margin-top:clamp(46px,7vw,88px);padding-top:clamp(32px,4.6vw,52px);border-top:2px solid var(--terracota)}
html[data-d] .incluye h3{font-size:clamp(1.45rem,2.6vw,1.9rem);line-height:1.15;margin-bottom:16px}
html[data-d] .incluye h3{box-decoration-break:clone;-webkit-box-decoration-break:clone}
html[data-d] .incluye-marca{background:linear-gradient(transparent 62%, var(--melocoton-2) 62%, var(--melocoton-2) 94%, transparent 94%);
  padding-inline:2px}
html[data-d] .metodo{background:var(--arena);--fondo:var(--arena)}
html[data-d] .pasos b{background:var(--terracota);color:#fff}
html[data-d] .pasos h4{color:var(--terracota-2)}
html[data-d] .pasos li{border-left:1px solid var(--melocoton)}
html[data-d] .metodo-foto figcaption{color:var(--terracota-2)}
html[data-d] .consejo{border-top:4px solid var(--terracota);padding-top:20px}
html[data-d] .consejo h3{color:var(--terracota-2)}
html[data-d] .consejo h3 .iq{color:var(--terracota)}
html[data-d] .tienda{background:#fff;--fondo:#fff;border-top:1px solid var(--linea);padding-block:clamp(56px,7vw,104px)}
html[data-d] .tienda-entrega{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(26px,4vw,38px)}
html[data-d] .tienda-modo{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;
  background:var(--nube);border-radius:var(--r);padding:20px 22px}
html[data-d] .tienda-ico{width:42px;height:42px;border-radius:50%;background:var(--terracota);color:#fff;display:grid;place-items:center}
html[data-d] .tienda-ico .i{width:20px;height:20px}
html[data-d] .tienda-modo strong{display:block;font-family:var(--display);font-weight:600;font-size:1.08rem;color:var(--tinta);margin-bottom:4px}
html[data-d] .tienda-modo p{font-size:15.5px;color:var(--seco)}
@media (max-width:820px){html[data-d] .tienda-entrega{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════════════════════════════
   Piezas propias de WordPress: salto, trampa del formulario,
   páginas de texto y zona privada.
   ══════════════════════════════════════════════════════════════════════ */
.salta{position:absolute;left:-9999px;top:0;z-index:200;background:#15131A;color:#fff;
  padding:12px 18px;border-radius:0 0 8px 0;font:700 15px/1 var(--body);text-decoration:none}
.salta:focus{left:0}
.mnsm-trampa{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* páginas de texto (legales) */
html[data-d] .pagina{background:#fff;padding-block:clamp(44px,6vw,84px)}
html[data-d] .pagina-in{max-width:820px;margin-inline:auto}
html[data-d] .pagina-txt{color:var(--seco);font-size:17px}
html[data-d] .pagina-txt h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:1.6em;color:var(--tinta)}
html[data-d] .pagina-txt h3{font-size:1.22rem;margin-top:1.5em;color:var(--tinta)}
html[data-d] .pagina-txt p{margin-bottom:1em}
html[data-d] .pagina-txt ul,html[data-d] .pagina-txt ol{margin:0 0 1.1em 1.1em;display:grid;gap:7px}
html[data-d] .pagina-txt a{color:var(--terracota-2);font-weight:600}
html[data-d] .pagina-txt code{font-size:.92em;background:var(--nube);padding:2px 5px;border-radius:4px}
html[data-d] .pagina-txt table{width:100%;border-collapse:collapse;margin-bottom:1.2em;font-size:15.5px}
html[data-d] .pagina-txt th,html[data-d] .pagina-txt td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea);vertical-align:top}
html[data-d] .pagina-txt th{color:var(--tinta);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
html[data-d] .pagina-fecha{margin-top:2em;padding-top:14px;border-top:1px solid var(--linea);font-size:14.5px;color:var(--gris)}
html[data-d] .pagina-txt>div{overflow-x:auto}

/* El bloque de seguridad de la zona privada: cerrar en todos los dispositivos.
   El boton NO es el primario de la casa: es de aviso, porque lo que hace es
   irreversible en el sentido de que obliga a volver a desbloquear. */
.p-seg{margin-top:34px;padding:22px;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r)}
.p-roto{margin:0 0 26px;padding:20px 22px;background:var(--melocoton-2);border:1px solid var(--terracota-2);border-radius:var(--r);color:var(--terracota-2)}
.p-roto h3{font:700 19px/1.2 var(--display);color:var(--terracota-2);margin-bottom:8px}
.p-roto p{font-size:15px;max-width:52em}
.p-roto code{font-size:13px;word-break:break-word}
.p-seg h3{font:700 19px/1.2 var(--display);color:var(--tinta);margin-bottom:10px}
.p-seg .p-diag-t{margin:14px 0}
.p-seg-form{margin-top:16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.p-seg-ok{display:flex;gap:9px;align-items:flex-start;font-size:15px;color:var(--gris);max-width:46em}
.p-seg-ok input{margin-top:4px;flex:0 0 auto}
.btn-aviso{background:var(--terracota-2);color:#fff}
.btn-aviso:hover{background:#7a3620}
.btn-aviso[disabled]{background:var(--linea);color:var(--gris);cursor:not-allowed;transform:none}

/* ---------------------------------------------------------------- tienda
   LA REJILLA Y LA TARJETA DE PRODUCTO. Hasta hoy no existia NI UNA de estas
   reglas: once clases de la tarjeta con cero reglas en la unica hoja que
   carga el tema. Resultado, medido en la pagina viva: los 12 productos de la
   primera pagina uno debajo de otro a 756 px de ancho, 4.138 px de alto. Con
   111 productos, unos 38.000. La tienda funcionaba y parecia una lista.

   Y peor: el comentario de content-product.php afirmaba que «la hoja de
   estilos hace el cuadrado con aspect-ratio:1/1 sobre .widget». Esa regla no
   existia. Era una verificacion escrita como hecha que no lo estaba, y con
   ella justifique quitar el <img> de los 35 productos sin foto.

   `clear:both` NO es decorativo y es lo unico que no se ve venir leyendo:
   WooCommerce FLOTA el contador de resultados y el desplegable de orden, y una
   rejilla —al crear contexto de formato nuevo— no los ignora como hacia el
   div en bloque: se mete en el hueco que le dejan. Sin esta linea la rejilla
   se queda en 266 px (756 - 254 - 236) y sale UNA sola columna, con el CSS
   entero puesto. Lo descubri inyectandolo en la pagina viva; leyendo no.

   El numero de columnas no esta escrito en ningun sitio, como pide Karel: lo
   decide el ancho disponible. */
.wrejilla{clear:both;display:grid;gap:24px 18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:0}
.wcell{display:flex;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;transition:box-shadow .25s,transform .25s}
.wcell:hover{box-shadow:0 18px 34px -24px rgba(14,74,69,.45);transform:translateY(-2px)}
.wconj{display:flex;flex-direction:column;width:100%}
.widget{display:flex;flex-direction:column;text-decoration:none;color:inherit;flex:1}
.widget>img{aspect-ratio:1/1;object-fit:contain;width:100%;background:var(--espuma);padding:14px}
/* El cuadrado del monograma: el hueco de los 35 productos sin foto. */
.wmono{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:var(--salvia-3);color:var(--petroleo);font:700 clamp(30px,7vw,44px)/1 var(--display)}
.wabre{padding:12px 14px 0;display:flex;flex-direction:column;gap:6px}
.wfmts{display:flex;flex-wrap:wrap;gap:5px}
.wfmt{font:700 11px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--gris);background:var(--arena);border-radius:999px;padding:5px 8px}
.wnom{font:600 15.5px/1.35 var(--body);color:var(--tinta)}
.wmarca{padding:0 14px;margin-top:6px;font:700 11.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--terracota)}
.wapen{padding:10px 14px 14px;margin-top:auto;font:700 17px/1 var(--display);color:var(--petroleo)}
.wapen .desde{font:600 12px/1 var(--body);color:var(--gris);text-transform:none;letter-spacing:0}
@media (max-width:480px){
  .wrejilla{gap:14px 12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .wnom{font-size:14px}
}

/* zona privada */
.mnsm-privada .wa,.mnsm-privada .accion{display:none!important}
.mnsm-privada{padding-bottom:0!important}

/* EL CONMUTADOR DE LA ZONA PRIVADA · cuatro botones, uno por pantalla.
   Flotante abajo porque es donde llega el pulgar y porque es lo que Karel
   describio; y por wp_footer, no por plantilla, porque de las cuatro pantallas
   el tema solo pinta dos. */
.znav{position:fixed;left:0;right:0;bottom:var(--znav-hueco,0px);z-index:80;background:#15131A;
  box-shadow:0 -10px 28px -14px rgba(0,0,0,.6);padding-bottom:env(safe-area-inset-bottom,0px)}
/* Rejilla que NO fija el numero de columnas: los destinos apagados no se
   pintan, asi que hoy pueden ser tres y manana cinco. Un repeat(4,1fr) dejaria
   un hueco vacio el dia que la tienda apague su pantalla. Y la regla de Karel
   de no cablear cuentas de filas ni de columnas es justamente esta. */
.znav-in{display:flex;max-width:1160px;margin-inline:auto}
.znav-in>a{flex:1 1 0}
.znav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  padding:9px 4px 11px;color:#B9B4C2;text-decoration:none;font:700 11.5px/1.15 var(--body);
  text-align:center;border-top:3px solid transparent}
.znav a+a{border-left:1px solid rgba(255,255,255,.14)}
.znav .i{width:20px;height:20px}
.znav a:hover{color:#fff}
.znav a[aria-current="page"]{color:#fff;border-top-color:var(--terracota);background:rgba(169,79,49,.16)}
/* Hueco para que la barra no tape el final de la pagina. Solo cuando esta
   puesta: en la pantalla de desbloqueo no hay barra y el hueco se veria. */
.mnsm-privada.zona-conmut{padding-bottom:calc(66px + var(--znav-hueco,0px) + env(safe-area-inset-bottom,0px))!important}
/* La agenda inyecta SU barra de secciones (.agmo-nav) abajo de /agenda/, con su
   JavaScript. Para no taparla me subo yo por encima.
   EL HUECO NO ES UN NUMERO ESCRITO A MANO, Y ESA FUE LA PRIMERA VERSION: puse
   62px a ojo y su barra mide 125, asi que se solapaban en pantalla. Ahora lo
   MIDE panel.js y lo deja en --znav-hueco. Lo de aqui es solo el valor de
   respaldo por si el JavaScript no llegara a correr: generoso a proposito,
   porque pasarse deja un hueco feo y quedarse corto tapa su barra.
   134px fue mi segundo error de cuenta en lo mismo: sume su ALTO (125) y una
   separacion, y olvide que su barra flota con su propio margen de 14px. Su
   borde de arriba esta a 139px del fondo de la ventana, asi que 134 dejaba 5px
   de solape. 148 = 14 + 125 + 8 + un poco de aire. */
body:has(.agmo-nav){--znav-hueco:148px}
@media (max-width:420px){
  .znav a{font-size:10.5px;padding:8px 2px 10px}
  .znav .i{width:19px;height:19px}
}
html[data-d] .panel .eyebrow::before,html[data-d] .pagina .eyebrow::before{content:none}
html[data-d] .panel{background:var(--nube);padding-block:26px clamp(46px,6vw,80px);min-height:70vh}
.pnav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;background:#15131A;color:#fff;
  border-radius:var(--r);padding:10px 14px;margin-bottom:clamp(24px,4vw,40px)}
.pnav-et{font:700 10px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#B9B4C2;margin-right:4px}
.pnav ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}
.pnav a{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;
  color:#E7E4EA;text-decoration:none;font:700 14.5px/1 var(--body)}
.pnav a:hover{background:rgba(255,255,255,.12);color:#fff}
.pnav a[aria-current="page"]{background:var(--terracota);color:#fff}
.pnav .i{width:17px;height:17px}
.pnav-salir{margin-left:auto;font:600 13.5px/1 var(--body);color:#C5C0CE;text-decoration:none;border-bottom:1px dotted #6B6676}
.pnav-salir:hover{color:#fff}
.p-cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.p-cifras div{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:16px 18px;
  font-size:13.5px;color:var(--gris)}
.p-cifras span{display:block;font-family:var(--display);font-weight:600;font-size:1.7rem;color:var(--tinta);line-height:1.1;margin-bottom:3px}
.p-cols{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;align-items:start}
.p-cols--cobros{margin-top:18px}
.p-caja{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:20px 22px 24px}
.p-caja h3{font-size:1.15rem;margin-bottom:14px}
.p-filtro{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:14.5px;color:var(--seco)}
.p-filtro input[type="date"]{border:1px solid var(--linea);border-radius:var(--r-s);padding:9px 11px;font:inherit;background:#fff}
.p-tabla{width:100%;border-collapse:collapse;font-size:14.5px}
.p-tabla th{text-align:left;font:700 10.5px/1.2 var(--body);letter-spacing:.1em;text-transform:uppercase;
  color:var(--gris);padding:0 10px 8px 0;border-bottom:1px solid var(--linea)}
.p-tabla td{padding:11px 10px 11px 0;border-bottom:1px solid var(--linea);vertical-align:top;color:var(--seco)}
.p-tabla strong{color:var(--tinta)}
.p-tabla small{color:var(--gris);font-size:13px}
.p-tabla a{color:var(--terracota-2);font-weight:600}
.p-tabla tr.p-sel td{background:var(--melocoton-2)}
.p-tabla tr.p-nota td{padding-top:0;font-size:13.5px;color:var(--gris)}
.p-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.p-dia{font:700 13px/1 var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--terracota-2);
  margin:22px 0 8px}
.p-dia:first-of-type{margin-top:4px}
.p-vacio,.p-pista{font-size:14.5px;color:var(--gris)}
.p-pista{margin-top:12px;display:block}
.p-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.p-form .campo--full{grid-column:1 / -1}
.p-form label{display:block;font:700 12.5px/1 var(--body);letter-spacing:.02em;color:var(--tinta);margin-bottom:6px}
.p-form input,.p-form select,.p-form textarea{width:100%;border:1px solid var(--linea);border-radius:var(--r-s);
  padding:10px 12px;font:inherit;font-size:15.5px;background:#fff;color:var(--tinta)}
.p-form input:focus,.p-form select:focus,.p-form textarea:focus{outline:none;border-color:var(--terracota);
  box-shadow:0 0 0 4px rgba(178,58,107,.13)}
.p-estado{display:inline-block;font:700 11.5px/1 var(--body);letter-spacing:.04em;padding:6px 10px;border-radius:999px;
  background:var(--nube);color:var(--gris)}
.p-estado--cobrado,.p-estado--confirmada,.p-estado--hecha{background:#E2F0E7;color:#1B5C31}
.p-estado--pendiente{background:var(--melocoton-2);color:var(--terracota-2)}
.p-estado--anulada{background:#F2E4E4;color:#842A2A}
.p-consola{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:20px 22px 24px}
.p-consola>*:first-child{margin-top:0}
.p-consola input,.p-consola select,.p-consola textarea{border:1px solid var(--linea);border-radius:var(--r-s);
  padding:10px 12px;font:inherit;font-size:15.5px;background:#fff;color:var(--tinta);max-width:100%}
.p-consola button,.p-consola .button{background:var(--terracota);color:#fff;border:0;border-radius:var(--r-s);
  padding:10px 16px;font:700 15px/1 var(--body);cursor:pointer}
.p-consola button:hover,.p-consola .button:hover{background:var(--terracota-2);color:#fff}
.p-consola table{width:100%;border-collapse:collapse;font-size:14.5px}
.p-consola th,.p-consola td{text-align:left;padding:10px 10px 10px 0;border-bottom:1px solid var(--linea)}
.p-consola pre{background:var(--nube);border-radius:var(--r-s);padding:14px 16px;overflow-x:auto;font-size:13.5px}
.p-caja--codigo{text-align:center}
.p-codigo{font:700 clamp(1.4rem,4.2vw,2.5rem)/1.15 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.06em;color:var(--tinta);background:var(--nube);border:1px dashed var(--terracota);
  border-radius:var(--r);padding:22px 16px;margin-bottom:16px;word-break:break-all}
.p-acciones{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}
.p-copiado{font:700 13.5px/1 var(--body);color:#1B5C31}

/* pantalla de la puerta de modo gestor */
.p-puerta{max-width:34rem}
.p-puerta p{font-size:15.5px;color:var(--seco);margin-bottom:14px}
.p-puerta p:last-child{margin-bottom:0}
.p-puerta .eyebrow{margin-bottom:2px}
.p-puerta h2{margin-bottom:12px}
.p-puerta .p-form{margin-bottom:4px}
.p-puerta-no{background:#F2E4E4;color:#842A2A!important;border-radius:var(--r-s);
  padding:11px 13px;font-weight:600}
.p-puerta-reloj{font-variant-numeric:tabular-nums}
.p-puerta-reloj strong{color:var(--terracota-2)}
@media (max-width:900px){
  .p-cols{grid-template-columns:1fr}
  .p-cifras{grid-template-columns:1fr}
}
@media (max-width:560px){
  .p-form{grid-template-columns:1fr}
  .pnav{padding:10px 12px}
  .pnav-salir{margin-left:0;flex-basis:100%}
  .p-tabla{font-size:13.8px}
  .p-tabla th:nth-child(4),.p-tabla td:nth-child(4){display:none}
}

/* ══════════════════════════════════════════════════════════════════════
   Elementor: que lo que se maquete con él herede la paleta, la
   tipografía y los botones, sin tener que repetirlos widget a widget.
   ══════════════════════════════════════════════════════════════════════ */
html[data-d] .elementor{--e-global-color-primary:#B23A6B;--e-global-color-secondary:#15131A;
  --e-global-color-text:#4A4754;--e-global-color-accent:#8E2A54}
/* v1.6.0 · CONTRASTE. Estas reglas generales iban con especificidad (0,1,1) y, al
   cargar las ultimas, pisaban el color de las secciones oscuras (.box, .caso: titulo
   #15131A sobre #15131A, invisible) y el blanco de los botones (.btn-primary salia
   con texto #8E2A54 sobre #B23A6B). Con :where() valen lo que un selector de etiqueta
   y cualquier regla de componente manda sobre ellas. Medido en la portada viva. */
:where(html[data-d] .elementor) h1,:where(html[data-d] .elementor) h2,:where(html[data-d] .elementor) h3,:where(html[data-d] .elementor) h4,:where(html[data-d] .elementor) :where(.elementor-heading-title){
  font-family:var(--display);font-weight:600;letter-spacing:-.02em;color:var(--tinta)}
:where(html[data-d] .elementor) p,:where(html[data-d] .elementor) li,:where(html[data-d] .elementor) :where(.elementor-widget-text-editor){
  font-family:var(--body);color:var(--seco)}
:where(html[data-d] .elementor) a{color:var(--terracota-2)}
:where(html[data-d] .elementor) a:hover{color:var(--terracota)}
html[data-d] .elementor-button,html[data-d] .elementor .elementor-button-link{
  background-color:var(--terracota);color:#fff;border-radius:var(--r-s);
  font-family:var(--body);font-weight:700;letter-spacing:.02em}
html[data-d] .elementor-button:hover,html[data-d] .elementor .elementor-button-link:hover{
  background-color:var(--terracota-2);color:#fff}
html[data-d] .elementor-widget-divider{--divider-color:var(--linea)}
/* páginas maquetadas con Elementor: fuera nuestro cajón estrecho */
html[data-d] .pagina--elementor .pagina-in{max-width:none}
html[data-d] .pagina--elementor{padding-block:0}

/* ══════════════════════════════════════════════════════════════════════
   La portada montada con Elementor.
   Cada sección es un contenedor que conserva su clase original, así que
   todo el CSS de arriba sigue aplicando. Aquí solo va lo que hace falta
   para que los contenedores y los widgets nativos se comporten como el
   markup que sustituyen.
   ══════════════════════════════════════════════════════════════════════ */
html[data-d] main>.e-con,html[data-d] main>.e-con>.e-con-inner{display:block;width:100%;max-width:none;padding:0;margin:0}
html[data-d] .mnsm-sec{display:block;width:100%;max-width:none}
html[data-d] .mnsm-sec>.elementor-widget-container{display:block}
html[data-d] .elementor-widget:not(:last-child){margin-bottom:0}

/* numeración de secciones */
html[data-d] main{counter-reset:sec}

/* Diagnostico del enlace con la agenda. Solo lo ve quien administra el sitio.
   Cerrado por defecto: es una herramienta, no una seccion de la pagina. */
.p-diag{margin-top:26px;border-top:1px solid var(--linea);padding-top:12px}
.p-diag summary{cursor:pointer;font:700 12.5px/1.3 var(--body);color:var(--gris);
  letter-spacing:.04em;list-style:none}
.p-diag summary::-webkit-details-marker{display:none}
.p-diag summary::before{content:"\25B8 "}
.p-diag[open] summary::before{content:"\25BE "}
.p-diag-in{margin-top:10px;display:grid;gap:9px}
.p-diag-in p{font-size:13px;color:var(--seco);margin:0}
.p-diag-in code{font-size:12px;word-break:break-word;color:var(--tinta)}
.p-diag-nota{color:var(--gris)!important;font-size:12px!important}

/* La tabla del registro de la puerta. Vive dentro de .p-diag, que ya existe, asi
 * que solo hace falta que las columnas se lean y que en un movil pueda
 * desplazarse de lado en vez de reventar el ancho de la pagina. */
.p-diag-t{width:100%;border-collapse:collapse;font-size:12.5px;display:block;overflow-x:auto;white-space:nowrap}
.p-diag-t th{text-align:left;font-weight:700;color:var(--gris);padding:5px 10px 5px 0;border-bottom:1px solid var(--linea)}
.p-diag-t td{padding:7px 10px 7px 0;border-bottom:1px solid var(--linea);vertical-align:top}
.p-diag-t td:first-child{font-variant-numeric:tabular-nums}
.p-diag-t td span{color:var(--gris);white-space:normal;display:block;max-width:46ch}

/* ══════════════════════════════════════════════════════════════════════
   v1.6.0 · Pedido de Karel (16/09): cabecera más baja que se esconde al
   bajar y vuelve al subir, franja de abajo más baja, conmutador de gestión
   en UN botón largo flotante, WhatsApp que se recoge en el borde, consola
   a pantalla completa y contraste de botones.
   ══════════════════════════════════════════════════════════════════════ */

/* Cabecera: 58 px (antes 75) y se esconde al bajar. */
.cabecera{transition:transform .28s ease}
.cabecera.cabecera--oculta{transform:translateY(-100%)}
.nav-in{min-height:58px}
.marca-logo{height:36px}
@media (max-width:560px){.nav-in{min-height:52px}.marca-logo{height:30px}.menu-toggle{padding:6px 10px;font-size:14px}}
section[id]{scroll-margin-top:66px}

/* Franja de contacto del móvil: 46 px (antes 57). */
.accion a{padding:5px 4px 6px;gap:2px;font-size:11px}
.accion .i{width:18px;height:18px}
@media (max-width:640px){body{padding-bottom:calc(50px + env(safe-area-inset-bottom,0px))}}

/* Botón de WhatsApp: siempre visible; al bajar se hace pequeño, se pega al borde
   derecho cortado por la mitad y al 50 %; al subir vuelve. */
.wa{transition:transform .3s ease,opacity .3s ease,right .3s ease,padding .3s ease}
.wa-txt{transition:opacity .2s}
.wa.wa--recogido{right:0;padding:6px;opacity:.5;transform:translateX(50%) scale(.82);border-radius:999px 0 0 999px}
.wa.wa--recogido .wa-txt{display:none}
.wa.wa--recogido:hover,.wa.wa--recogido:focus-visible{opacity:1;transform:none;right:10px}
@media (max-width:640px){
  .wa{display:inline-flex;bottom:calc(58px + env(safe-area-inset-bottom,0px));right:12px}
}
.mnsm-privada .wa{display:none!important}

/* Contraste: los botones llevan SIEMPRE su color de texto, gane quien gane en la cascada. */
.btn.btn-primary,.btn.btn-primary:hover,.btn.btn-primary:focus{color:#fff}
.btn.btn-ghost{color:inherit}
.box .btn-ghost,.caso .btn-ghost,.tira-color .btn-ghost{color:#fff;border-color:rgba(255,255,255,.7)}
.box h2,.box h3,.caso h2,.caso h3{color:#fff}
.box p,.box li,.box span,.box dd,.caso p,.caso li{color:#DAD6DE}
.box .tarifa b,.caso .caso-cita{color:#F2B8CD}
.box a:not(.btn),.caso a:not(.btn){color:#F2B8CD}
.escucho a:not(.btn){color:#fff;text-decoration:underline}
.woocommerce a.button,.woocommerce button.button,.woocommerce .wc-backward,.wp-element-button,.wc-block-components-button{
  background-color:var(--terracota)!important;color:#fff!important;border-color:var(--terracota)!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.wp-element-button:hover{background-color:var(--terracota-2)!important}

/* Conmutador de gestión: UN botón largo flotante. */
.znav{left:50%;right:auto;transform:translateX(-50%);bottom:calc(10px + var(--znav-hueco,0px) + env(safe-area-inset-bottom,0px));
  padding:4px;border-radius:999px;max-width:calc(100% - 16px);box-shadow:0 12px 30px -10px rgba(21,19,26,.55)}
.znav-in{gap:2px}
.znav-in>a{flex:0 0 auto}
.znav a{flex-direction:row;gap:7px;padding:8px 14px;border-top:0;border-radius:999px;font-size:13px;color:#E4E0EA}
.znav a+a{border-left:0}
.znav .i{width:18px;height:18px}
.znav a[aria-current="page"]{background:#B23A6B;color:#fff;border-top:0}
.znav a:hover{background:rgba(255,255,255,.1)}
.mnsm-privada.zona-conmut,body.zona-conmut{padding-bottom:calc(64px + var(--znav-hueco,0px) + env(safe-area-inset-bottom,0px))!important}
@media (max-width:560px){
  .znav a{flex-direction:column;gap:2px;padding:6px 9px;font-size:10.5px}
  .znav .i{width:17px;height:17px}
}

/* Consola de WhatsApp a pantalla completa. */
.p-consola{position:relative}
.p-ampliar{position:absolute;top:8px;right:8px;z-index:5;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;
  background:#15131A;color:#fff;font:700 13px/1 var(--body);padding:8px 12px;cursor:pointer;opacity:.85}
.p-ampliar:hover{opacity:1}
.p-ampliar .i{width:16px;height:16px}
html.wa-ampliada,html.wa-ampliada body{overflow:hidden}
html.wa-ampliada .cabecera,html.wa-ampliada .znav,html.wa-ampliada .pie,html.wa-ampliada .sec-head{display:none!important}
html.wa-ampliada .p-consola{position:fixed;inset:0;z-index:300;background:#fff;margin:0;border-radius:0;padding:0}
html.wa-ampliada .p-consola iframe{width:100%!important;height:100vh!important;height:100dvh!important;border:0;display:block}
html.wa-ampliada .p-ampliar{position:fixed;top:8px;right:8px;z-index:310}
.zona-conmut .wa,.zona-conmut .accion{display:none!important}
.zona-conmut #ast-scroll-top{bottom:calc(84px + var(--znav-hueco,0px))!important}
.info-card li,.info-card p,.info-card small,.info-card span,.info-card dd{color:#DAD6DE}
.info-card h2,.info-card h3,.info-card strong,.info-card b{color:#fff}
.info-card a:not(.btn){color:#F2B8CD}
.tienda-cta{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:22px;border:1px solid var(--linea);border-radius:var(--r);background:var(--nube)}
.tienda-cta span{flex:1 1 320px;color:var(--seco);font-size:15.5px}

/* ══════════════════════════════════════════════════════════════════════
   v1.7.0 · Pedido de Karel (16/09): el modo gestor abre directo en lo útil,
   un solo menú abajo también en la agenda, logo igual en la tienda, clientes
   con buscador arriba, cobros en /cobrar/ y logo del pie centrado en móvil.
   ══════════════════════════════════════════════════════════════════════ */

/* Sin título ni párrafo de entrada en las pantallas de gestión. */
.zona-conmut .sec-head,.zona-conmut .pagina-fecha,
.zona-conmut .mnsm-cobros-front>h1,.zona-conmut .mnsm-cobros-front>.mnsm-intro,
.zona-conmut .woocommerce-products-header,.zona-conmut .ast-archive-description{display:none!important}
.zona-conmut .panel,.zona-conmut .pagina{padding-top:18px!important}
.zona-conmut .pagina-in{max-width:1160px}
.zona-conmut .mnsm-cobros-front{max-width:620px;margin-inline:auto}

/* Agenda: un solo menú abajo (el botón largo). Las secciones propias de la agenda
   se quitan: «Clientes» es /clientes/ y la lista de la compra se abre con #compras. */
.zona-conmut .agmo-nav{display:none!important}
@media (max-width:640px){.zona-conmut .agmo-fab{bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}}

/* Logo: la tienda (WooCommerce/Astra) lo estiraba a 65 px. */
.cabecera .marca-logo{height:36px!important;width:auto!important;max-width:none!important}
@media (max-width:560px){.cabecera .marca-logo{height:30px!important}}

/* Pie: logo centrado en móvil. */
@media (max-width:640px){.pie-logo-a{display:block;width:max-content;margin-inline:auto}.pie-marca{text-align:center}}

/* Clientes: buscador y ficha arriba. */
.p-ficha{margin-bottom:22px}
.p-busca{position:relative;margin-bottom:18px}
.p-busca-et{display:block;font:700 13px/1 var(--body);letter-spacing:.04em;margin-bottom:8px;color:var(--gris)}
.p-busca input{width:100%;font:500 17px/1.3 var(--body);padding:13px 16px;border:2px solid var(--terracota);border-radius:12px;background:#fff}
.p-busca-res{position:absolute;left:0;right:0;top:100%;z-index:40;list-style:none;margin:6px 0 0;padding:6px;background:#fff;border:1px solid var(--linea);border-radius:12px;box-shadow:0 18px 40px -18px rgba(21,19,26,.35);max-height:360px;overflow:auto}
.p-busca-res li a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--tinta)}
.p-busca-res li a:hover,.p-busca-res li a:focus{background:var(--nube)}
.p-busca-res li a span{color:var(--gris);font-size:14px}
.p-busca-nada{padding:10px 12px;color:var(--gris)}
.p-ficha-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.p-ficha-cab .btn-ghost{color:var(--terracota);border-color:var(--terracota)}
.p-todas{margin-top:22px}
.p-todas summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:baseline}
.p-todas summary::-webkit-details-marker{display:none}
.p-todas[open] summary{margin-bottom:12px}

/* Cobros. */
.p-cobros{margin-top:30px}
.p-mes{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.p-mes a{text-decoration:none;font-size:26px;line-height:1;padding:2px 12px;border-radius:8px;color:var(--terracota)}
.p-mes a:hover{background:var(--nube)}
.p-cifras--3{grid-template-columns:repeat(3,1fr)!important;margin-bottom:14px}
.zona-conmut.woocommerce h1.page-title,.zona-conmut.woocommerce .woocommerce-products-header__title{display:none!important}
html[data-d] .pagina-txt table{display:block;overflow-x:auto;max-width:100%}
html[data-d] body.zona-conmut .pagina-in{max-width:1160px}
.p-cifras--3 span{font-size:1.3rem!important;white-space:nowrap}
.p-cifras--3 div{padding:12px 12px}

/* ===== v1.8.0 · Cobros de la agenda en /cobrar y alta de clienta para un cobro ===== */
.p-aviso-cobro{ background:#FFF4E0; border:1px solid #F2D29B; color:#5a4200; border-radius:14px; padding:12px 14px; margin:0 0 14px; }
.p-aviso-cobro small{ color:#7a6230; }
.p-aviso-cobro a{ display:inline-block; margin-top:6px; font-weight:600; }
body.zona-conmut .agmo-cb ~ .pagina-fecha{ display:none; }

/* v1.8.1 */
.p-ficha-acc{ display:flex; flex-wrap:wrap; gap:6px; }

/* v1.8.2 · Citas solo por WhatsApp: la tarjeta ocupa el sitio del formulario (.form-cita) con su mismo lenguaje */
.cita-wa{--fondo:#fff;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--r);padding:clamp(22px,3.5vw,34px);display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;width:100%}
.cita-wa h3{margin:0}
.cita-wa p{margin:0;max-width:34em}
.cita-wa .btn .i{width:20px;height:20px}
.cita-wa-tel{font-size:13.5px;color:var(--seco)}
html[data-d] .cita-wa{background:transparent;border:0;border-radius:0;box-shadow:none;padding-left:0;padding-right:0;border-top:1px solid var(--linea);padding-top:22px}
@media (max-width:640px){
  .cita-wa .btn{width:100%;white-space:normal}
}