:root{
  color-scheme:light;
  --naranja:#F58634; --naranja-texto:#D66321; --naranja-sm:#A94A16; --naranja-suave:#FCE7D6;
  --beige:#F6EFE5; --beige-2:#EFE5D7; --blanco:#FFFFFF; --oscuro:#1D1C1A;
  --gris-casa:#A9ABAE; --gris-claro:#D2D3D5; --gris-texto:#4B4B4D; --tinta:#2B2A28; --muted:#5F5D5A;
  --wa:#25D366; --wa-texto:#08361A;
  --titulos:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --texto:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:16px; --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--beige);color:var(--gris-texto);font-family:var(--texto);font-size:17px;line-height:1.65;padding-inline:16px;overflow-wrap:break-word}
.wrap{max-width:var(--max);margin-inline:auto}
h1,h2,h3{font-family:var(--titulos);color:var(--tinta);margin:0;line-height:1.15;text-wrap:balance}
h1{font-weight:800;font-size:clamp(36px,5.6vw,60px);letter-spacing:-.02em}
h2{font-weight:800;font-size:clamp(28px,3.8vw,40px);letter-spacing:-.015em}
h3{font-weight:700;font-size:20px}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--naranja);outline-offset:3px;border-radius:8px}
.tag{font-family:var(--titulos);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--naranja-sm)}
.acento{color:var(--naranja-texto)}
.lede{font-size:18.5px;max-width:62ch}
.rule{width:56px;height:4px;border-radius:4px;background:var(--naranja)}
.ico{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ico.fill{fill:currentColor;stroke:none}

/* Header */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(246,239,229,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-inline:-16px;padding:6px 16px;border-bottom:1px solid var(--gris-claro)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.brand img{height:44px;width:auto}
.brand b{font-family:var(--titulos);font-weight:800;font-size:17px;color:var(--tinta);display:block;line-height:1.1;white-space:nowrap}
.brand small{font-size:13px;color:var(--muted)}
.social-mini{display:flex;gap:6px}
.social-mini a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--gris-texto);background:var(--blanco);border:1px solid var(--gris-claro);text-decoration:none}
.social-mini a:hover{color:var(--naranja-sm);border-color:var(--naranja)}
nav.menu{margin-inline:-16px;padding:0 16px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
nav.menu::-webkit-scrollbar{display:none}
nav.menu .wrap{display:flex;gap:2px;padding-block:2px;white-space:nowrap}
nav.menu a{font-size:14.5px;font-weight:500;text-decoration:none;padding:11px 14px;border-radius:999px;color:var(--gris-texto)}
nav.menu a:hover{background:var(--blanco);color:var(--tinta)}
@media (max-width:560px){.brand small{display:none}.brand img{height:38px}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 16px/1.2 var(--texto);padding:15px 22px;min-height:48px;border-radius:12px;border:2px solid transparent;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px -12px rgba(0,0,0,.35)}
.btn:active{transform:scale(.98)}
.btn-naranja{background:var(--naranja);color:var(--oscuro)}
.btn-wa{background:var(--wa);color:var(--wa-texto)}
.btn-borde{background:var(--blanco);color:var(--tinta);border-color:var(--gris-claro)}
.btn .ico{width:20px;height:20px}

/* Hero */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-block:44px 64px}
.hero .tag{display:block}
.hero h1{margin-top:12px}
.hero .lede{margin-top:20px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding:0;list-style:none}
.chips li{display:flex;align-items:center;gap:8px;background:var(--blanco);border:1px solid var(--gris-claro);border-radius:999px;padding:7px 14px 7px 10px;font-size:14.5px;font-weight:500;color:var(--tinta)}
.chips .ico{width:18px;height:18px;color:var(--naranja-sm)}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero .ayuda{margin-top:12px;font-size:14.5px;color:var(--muted)}
.hero>div:first-child{position:relative;z-index:2}
.hero .logo-stage{margin-top:8px}
@media (max-width:860px){.hero{grid-template-columns:1fr;gap:20px;padding-block:24px 40px}.hero .ctas .btn{flex:1 1 100%}.logo-stage{order:2;max-width:190px}}

/* Logo que se ordena */
.logo-stage{position:relative;width:100%;max-width:380px;margin-inline:auto}
.logo-anim{position:relative;aspect-ratio:1166/1481;width:100%}
.logo-anim img{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.9,.25,1);animation:encajar 1.2s cubic-bezier(.2,.9,.25,1) backwards}
.pz1{clip-path:inset(0 67.5% 48.35% 0);transform-origin:16% 26%;--dx:-38%;--dy:14%;--rt:-16deg;animation-delay:.1s!important}
.pz2{clip-path:inset(0 0 77.04% 32.5%);transform-origin:66% 11%;--dx:24%;--dy:-16%;--rt:10deg;animation-delay:.25s!important}
.pz3{clip-path:inset(22.96% 31.82% 48.35% 32.5%);transform-origin:50% 37%;--dx:-6%;--dy:-30%;--rt:24deg;animation-delay:.4s!important}
.pz4{clip-path:inset(22.96% 0 27.41% 68.18%);transform-origin:84% 48%;--dx:34%;--dy:12%;--rt:-12deg;animation-delay:.55s!important}
.pz5{clip-path:inset(51.65% 31.82% 27.41% 0);transform-origin:34% 62%;--dx:-26%;--dy:28%;--rt:8deg;animation-delay:.7s!important}
.pz6{clip-path:inset(72.59% 0 0 0);transform-origin:50% 86%;--dx:10%;--dy:22%;--rt:-5deg;animation-delay:.85s!important}
@keyframes encajar{from{transform:translate(var(--dx),var(--dy)) rotate(var(--rt))}}
.desorden img{transform:translate(var(--dx),var(--dy)) rotate(var(--rt))}
@media (prefers-reduced-motion:reduce){.logo-anim img{animation:none;transition:none}}
.logo-ctrl{display:flex;justify-content:center;margin-top:12px;position:relative;z-index:2}
.logo-ctrl button{font:600 14px/1 var(--texto);background:var(--blanco);color:var(--tinta);border:1px solid var(--gris-claro);border-radius:999px;padding:0 18px;min-height:44px;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.logo-ctrl .ico{width:18px;height:18px;color:var(--naranja-sm)}

/* Secciones */
section{padding-block:72px}
@media (max-width:640px){section{padding-block:52px}}
section.blanca{background:var(--blanco);margin-inline:-16px;padding-inline:16px}
section.oscura{background:var(--oscuro);color:#D9D5CE;margin-inline:-16px;padding-inline:16px}
.oscura h2,.oscura h3{color:#fff}
.oscura .tag{color:var(--naranja)}
.oscura .acento{color:var(--naranja)}
.cab{display:grid;gap:12px;margin-bottom:36px;max-width:760px}
.cta-fila{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:32px}
.cta-fila p{font-weight:600;color:var(--tinta)}
.oscura .cta-fila p{color:#fff}

/* Sobre mí */
.sobre{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
@media (max-width:860px){.sobre{grid-template-columns:1fr;gap:32px}}
.sobre .texto{display:grid;gap:16px}
.cita{border-left:4px solid var(--naranja);padding:4px 0 4px 18px;font-style:italic;font-size:19px;color:var(--tinta)}
.ruta{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.ruta li{display:grid;grid-template-columns:86px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--gris-claro)}
.ruta li:first-child{border-top:0}
.ruta .cuando{font-family:var(--titulos);font-weight:800;font-size:15px;color:var(--naranja-sm)}
.ruta b{display:block;font-family:var(--titulos);font-weight:700;color:var(--tinta);font-size:17px;margin-bottom:2px}

/* Qué hace un organizador */
.quehace{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.quehace div{background:var(--blanco);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start}
.quehace .ico{width:32px;height:32px;color:var(--naranja-sm)}
@media (max-width:860px){.quehace{grid-template-columns:1fr}}
.nota{margin-top:24px;display:flex;gap:12px;align-items:flex-start;background:var(--naranja-suave);border-radius:12px;padding:16px 18px;color:var(--tinta)}
.nota .ico{color:var(--naranja-sm);margin-top:2px}

/* Qué organizo */
.espacios{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:960px){.espacios{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.espacios{gap:10px}}
.esp{background:var(--blanco);border:1px solid var(--gris-claro);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start}
.esp .circ{width:56px;height:56px;border-radius:14px;background:var(--naranja-suave);display:grid;place-items:center;color:var(--naranja-sm)}
.esp .circ .ico{width:30px;height:30px}
.esp p{font-size:15.5px}
.esp details summary{cursor:pointer;list-style:none;font-weight:600;font-size:14.5px;color:var(--naranja-sm);min-height:44px;display:flex;align-items:center;gap:6px}
.esp details summary::-webkit-details-marker{display:none}
.esp details summary::after{content:"+";font-size:20px;line-height:1}
.esp details[open] summary::after{content:"–"}
.esp ul{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:14.5px}
.esp li{display:flex;gap:8px;align-items:center}
.esp li::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--naranja);flex:none}
.esp .sub{font-size:14px;color:var(--muted);margin-top:-6px}
.esp .lema{font-family:var(--titulos);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--naranja-sm)}
.esp .aviso{font-size:13px;color:var(--muted);border-top:1px solid var(--gris-claro);padding-top:10px;margin-top:4px}
.ademas-tit{margin:40px 0 16px;font-size:22px}
@media (max-width:480px){.esp{padding:16px}.esp .circ{width:46px;height:46px}.esp h3{font-size:17px}.esp p{font-size:14.5px}}

/* Antes y después */
.casos{display:grid;gap:36px}
.caso{margin:0;display:grid;gap:12px}
.caso figcaption{font-family:var(--titulos);font-weight:700;color:var(--tinta);font-size:19px}
.caso figcaption small{display:block;font-family:var(--texto);font-weight:400;font-size:15px;color:var(--muted);margin-top:2px}
.par{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.par div{position:relative;border-radius:var(--r);overflow:hidden;background:var(--beige-2)}
.par img{display:block;width:100%;height:auto}
.par span{position:absolute;left:10px;top:10px;font:700 13px/1 var(--titulos);letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:var(--blanco);color:var(--tinta)}
.par span.d{background:var(--naranja);color:var(--oscuro)}
.caso.vertical .par{max-width:720px}
.mas-casos{margin-top:36px}
.mas-casos>summary{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border:2px solid var(--gris-claro);border-radius:12px;background:var(--blanco);font:600 16px/1.2 var(--texto);color:var(--tinta);cursor:pointer;list-style:none}
.mas-casos>summary::-webkit-details-marker{display:none}
.mas-casos>summary::after{content:"+";font-size:22px;line-height:1;color:var(--naranja-sm)}
.mas-casos[open]>summary::after{content:"–"}
.mas-casos>summary:hover{border-color:var(--naranja)}
.mas-casos .abierto{display:none}
.mas-casos[open] .abierto{display:inline}
.mas-casos[open] .cerrado{display:none}
.mas-casos[open]>summary{margin-bottom:32px}
@media (max-width:760px){.caso:not(.vertical) .par{grid-template-columns:1fr}}

/* Método */
.metodo{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
@media (max-width:860px){.metodo{grid-template-columns:1fr;gap:28px}}
.pasos{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:p}
.pasos li{counter-increment:p;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;background:var(--beige);border:1px solid var(--gris-claro);border-radius:12px;padding:12px 16px}
.pasos li::before{content:counter(p);width:36px;height:36px;border-radius:10px;background:var(--naranja-suave);color:var(--naranja-sm);font-family:var(--titulos);font-weight:800;display:grid;place-items:center}
.pasos b{color:var(--tinta)}
.fases{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:3px solid var(--naranja)}
.fases div{padding:18px 18px 0 0;display:grid;gap:6px;align-content:start}
.fases .ico{width:28px;height:28px;color:var(--naranja)}
.fases p{font-size:15.5px}
@media (max-width:860px){.fases{grid-template-columns:1fr 1fr;row-gap:12px}}
@media (max-width:480px){.fases{grid-template-columns:1fr}}

/* Preguntas y mitos */
.mitos{display:grid;gap:10px;max-width:820px}
details.mito{background:var(--blanco);border-radius:12px;padding:0 18px;border:1px solid var(--gris-claro)}
details.mito summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;min-height:52px;font-family:var(--titulos);font-weight:700;color:var(--tinta);font-size:17px}
details.mito summary::-webkit-details-marker{display:none}
details.mito summary::after{content:"+";font-size:24px;line-height:1;color:var(--naranja-sm);flex:none}
details.mito[open] summary::after{content:"–"}
details.mito p{padding:0 0 18px;font-size:16px}
details.mito p b{color:var(--naranja-sm)}
section.blanca details.mito{background:var(--beige)}
.sub-tit{margin:44px 0 6px;font-size:22px}
.sub-tit+.lede{margin-bottom:18px}

/* Aprende */
.aprende{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:960px){.aprende{grid-template-columns:1fr}}
.guia{background:var(--beige);border:1px solid var(--gris-claro);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:12px}
.guia .tipo{display:inline-flex;align-self:start;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--naranja-suave);color:var(--naranja-sm);padding:5px 10px;border-radius:999px}
.guia .tipo.gris{background:var(--beige-2);color:var(--gris-texto)}
.guia ol,.guia ul{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15.5px}
.guia details summary{cursor:pointer;font-weight:600;color:var(--naranja-sm);min-height:44px;display:flex;align-items:center}
.guia details[open] summary{margin-bottom:6px}
.guia .mas{margin-top:auto;font-size:14px;color:var(--muted)}

/* OrdenaIA */
.app{background:var(--blanco);border:1px solid var(--gris-claro);border-radius:24px;padding:clamp(24px,5vw,48px);display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
@media (max-width:860px){.app{grid-template-columns:1fr}}
.app .flujo{display:grid;gap:10px}
.app .flujo div{display:flex;gap:14px;align-items:center;background:var(--beige);border-radius:12px;padding:14px 16px;font-weight:500;color:var(--tinta)}
.app .flujo .ico{color:var(--naranja-sm)}
.app .precio{font-size:15px;color:var(--muted)}
.app .legal-app{font-size:13.5px;color:var(--muted)}
.app .legal-app a{color:var(--naranja-sm)}

/* Contacto */
.contacto{display:grid;grid-template-columns:1fr 1fr;gap:48px}
@media (max-width:860px){.contacto{grid-template-columns:1fr}}
.datos{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.datos li{display:flex;gap:14px;align-items:center}
.datos .circ{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--naranja-suave);color:var(--naranja-sm);flex:none}
.datos small{display:block;font-size:13px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.datos a,.datos span.v{font-weight:600;color:var(--tinta);text-decoration:none;overflow-wrap:anywhere;display:inline-block;padding-block:10px}
.redes{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.red{display:inline-flex;align-items:center;gap:10px;padding:0 16px;min-height:48px;border-radius:12px;background:var(--blanco);border:1px solid var(--gris-claro);text-decoration:none;color:var(--tinta);font-weight:600;font-size:15px}
.red:hover{border-color:var(--naranja)}
.red .ico{width:22px;height:22px}
.red.ig .ico{color:#C13584}.red.fb .ico{color:#1877F2}.red.wa .ico{color:#1FA855}
form{background:var(--beige);border:1px solid var(--gris-claro);border-radius:var(--r);padding:24px;display:grid;gap:16px;align-content:start}
label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--tinta)}
input,select,textarea{font:inherit;font-size:16px;color:var(--tinta);background:var(--blanco);border:1px solid var(--gris-claro);border-radius:10px;padding:12px 14px;width:100%;min-height:48px}
textarea{min-height:100px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--naranja);outline-offset:1px;border-color:transparent}
.form-nota{font-size:13.5px;color:var(--muted)}

/* Pie oscuro */
footer{background:var(--oscuro);color:#D2D3D5;margin-inline:-16px;padding:44px 16px calc(40px + env(safe-area-inset-bottom,0px));font-size:15px}
footer .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
footer .sello{background:var(--beige);border-radius:14px;padding:8px 10px;display:grid;place-items:center;justify-self:start}
footer .sello img{height:64px;width:auto;display:block}
footer .frase{font-style:italic;color:#fff;font-size:17px}
footer .social-mini a{background:transparent;color:#D2D3D5;border-color:#4B4B4D}
footer .social-mini a:hover{color:var(--naranja);border-color:var(--naranja)}
footer .legal{grid-column:1/-1;border-top:1px solid #3A3936;padding-top:16px;color:#B9B6B0;font-size:13.5px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
footer .legal a{color:#E9E4DC;text-decoration:underline;text-underline-offset:3px;padding:12px 6px;display:inline-block}
@media (max-width:700px){footer .wrap{grid-template-columns:1fr}}

.wa-flotante{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;width:58px;height:58px;border-radius:50%;background:var(--wa);color:var(--wa-texto);display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.45);text-decoration:none;transition:opacity .2s ease,transform .2s ease}
.wa-flotante .ico{width:30px;height:30px}
.wa-flotante.oculto{opacity:0;pointer-events:none;transform:scale(.9)}

/* Entrada suave al hacer scroll (solo con JS y sin "reducir movimiento") */
html.js .rv{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
html.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.js .rv{opacity:1;transform:none;transition:none}}

/* ===== Galería ampliada: filtros, tarjetas y visor ===== */
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}
.filtros button{font:600 15px/1 var(--texto);min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--gris-claro);background:var(--blanco);color:var(--tinta);cursor:pointer}
.filtros button:hover{border-color:var(--naranja)}
.filtros button[aria-pressed="true"]{background:var(--naranja);border-color:var(--naranja);color:var(--oscuro)}
.galeria{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:760px){.galeria{grid-template-columns:1fr}}
.tarjeta{margin:0;background:var(--blanco);border:1px solid var(--gris-claro);border-radius:var(--r);padding:12px;display:grid;gap:10px;align-content:start}
.tarjeta[hidden]{display:none}
.tarjeta .par{gap:8px}
.tarjeta .par>div{aspect-ratio:4/3;border-radius:12px;cursor:zoom-in}
.tarjeta .par img{width:100%;height:100%;object-fit:cover}
.tarjeta .par>div:focus-visible{outline-offset:-3px}
.tarjeta .par span{left:8px;top:8px;font-size:11.5px;padding:6px 10px}
.tarjeta figcaption{padding:2px 6px 6px;display:grid;gap:5px}
.tarjeta figcaption b{font-family:var(--titulos);font-weight:700;color:var(--tinta);font-size:18px;line-height:1.25}
.tarjeta figcaption small{font-size:14.5px;color:var(--muted);line-height:1.5}
.lugar{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--naranja-sm)}
.lugar .ico{width:15px;height:15px}
.ayuda-galeria{font-size:14.5px;color:var(--muted);margin:-8px 0 20px}
dialog.visor{border:0;padding:0;background:transparent;width:min(1100px,96vw);max-width:96vw;max-height:94vh;color:#fff;overflow:visible}
dialog.visor::backdrop{background:rgba(20,19,17,.9)}
.visor-caja{background:var(--oscuro);border-radius:18px;padding:16px;display:grid;gap:12px;max-height:92vh;overflow:auto}
.visor-par{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:760px){.visor-par{grid-template-columns:1fr}}
.visor-par figure{margin:0;position:relative;border-radius:12px;overflow:hidden;background:#000}
.visor-par img{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain;margin-inline:auto}
.visor-par span{position:absolute;left:10px;top:10px;font:700 12.5px/1 var(--titulos);letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;border-radius:999px;background:var(--blanco);color:var(--tinta)}
.visor-par span.d{background:var(--naranja);color:var(--oscuro)}
.visor-txt{display:grid;gap:4px}
.visor-txt b{font-family:var(--titulos);font-size:19px;color:#fff;line-height:1.25}
.visor-txt p{color:#D9D5CE;font-size:15px;line-height:1.55}
.visor-txt .lugar{color:var(--naranja)}
.visor-barra{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.visor-nav{display:flex;gap:8px}
.visor .btn-v{min-height:44px;min-width:44px;border-radius:12px;border:1.5px solid #5A5854;background:transparent;color:#fff;font:600 15px/1 var(--texto);padding:0 16px;cursor:pointer}
.visor .btn-v:hover{border-color:var(--naranja);color:var(--naranja)}
.visor .btn-v:disabled{opacity:.35;cursor:default}
.visor .btn-wa-v{background:var(--naranja);border-color:var(--naranja);color:var(--oscuro);display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.visor .btn-wa-v:hover{color:var(--oscuro);filter:brightness(.95)}

/* ===== Reseñas (la sección aparece sola cuando hay reseñas en resenas.js) ===== */
.resenas{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:960px){.resenas{grid-template-columns:1fr}}
.resena{background:var(--blanco);border:1px solid var(--gris-claro);border-radius:var(--r);padding:24px;display:grid;gap:14px;align-content:start;margin:0}
.resena blockquote{margin:0;font-size:17px;color:var(--tinta);line-height:1.6}
.resena figcaption{font-size:14.5px;color:var(--muted)}
.resena figcaption b{display:block;color:var(--tinta);font-size:16px}
.resenas-cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
nav.menu a[hidden]{display:none}

/* ===== Páginas de servicio (garajes y las que vengan) ===== */
.hero-simple{max-width:860px;padding-block:36px 40px}
.hero-simple .tag{display:block}
.hero-simple h1{margin-top:12px}
.hero-simple .lede{margin-top:18px}
.hero-simple .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero-simple .ayuda{margin-top:12px;font-size:14.5px;color:var(--muted)}
.migas{font-size:14.5px;margin-bottom:6px}
.migas a{color:var(--naranja-sm);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;min-height:44px}
.mas-link{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:14.5px;color:var(--naranja-sm);text-decoration:none}
.mas-link:hover{text-decoration:underline}
.incluye{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none}
@media (max-width:760px){.incluye{grid-template-columns:1fr}}
.incluye li{background:var(--beige);border-radius:var(--r);padding:20px;display:grid;gap:6px}
.incluye b{font-family:var(--titulos);color:var(--tinta);font-size:18px}
@media (max-width:640px){.tarjeta figcaption b{font-size:17px}}

section.suave{background:var(--beige-2);margin-inline:-16px;padding-inline:16px}


/* Lo marcado como oculto debe quedar oculto, aunque otro estilo diga lo contrario */
[hidden]{display:none!important}


/* Comunidad en redes (cifras aproximadas; actualizarlas de vez en cuando) */
.cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.cifras a{background:var(--beige);border-radius:12px;padding:14px;text-decoration:none;display:grid;gap:2px;align-content:start;min-height:44px}
.cifras a:hover{outline:2px solid var(--naranja)}
.cifras b{font-family:var(--titulos);font-weight:800;font-size:26px;line-height:1.1;color:var(--tinta)}
.cifras span{font-size:13.5px;line-height:1.4;color:var(--muted)}
@media (max-width:560px){.cifras{grid-template-columns:1fr}.cifras a{grid-template-columns:auto 1fr;align-items:center;gap:12px}}