/*
Theme Name: Glomed
Theme URI: https://glomed.cl
Author: Glomax
Description: Landing de marca Glomed: equipamiento para recuperarse. Compra para la casa en DrCare y cotización al por mayor con Glomax.
Version: 1.1.1
Requires at least: 6.0
Requires PHP: 7.4
License: Propietario
Text Domain: glomed
*/

:root{
  --ink:#1d1d1f;--ink-2:#6e6e73;--paper:#f5f5f7;--white:#fff;--black:#000;
  --link:#00756a;--link-dark:#2fd3bd;--btn:#00756a;--btn-hover:#005f56;
  --ease:cubic-bezier(.28,.11,.32,1);--ease-out:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-optical-sizing:auto;color:var(--ink);background:var(--white);font-size:17px;line-height:1.47;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:4px}
::selection{background:#bfe6e0;color:#1d1d1f}
.wrap{width:min(980px,100% - 44px);margin-inline:auto}
.wide{width:min(1260px,100% - 44px);margin-inline:auto}
.chev::after{content:" ›"}

/* barras de navegación al estilo apple.com */
/* barra superior única: logo, secciones al centro y las dos acciones a la derecha */
.lnav{position:sticky;top:0;z-index:55;height:52px;background:rgba(251,251,253,.78);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.1)}
.lnav .bar{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-inline:max(22px,calc((100vw - 1200px)/2))}
.lnav .logo{display:flex;align-items:center;justify-self:start}
.lnav .logo img{height:24px;width:auto}
.lnav nav{display:flex;gap:32px;font-size:13px}
.lnav nav a{color:rgba(0,0,0,.78)}
.lnav nav a:hover{color:#000;text-decoration:none}
.lnav .acts{justify-self:end;display:flex;align-items:center;gap:20px;font-size:13px;white-space:nowrap}
.lnav .acts .pill{font-size:13px;padding:5px 14px}
@media(max-width:900px){.lnav nav{display:none}.lnav .bar{grid-template-columns:1fr auto}}
@media(max-width:420px){.lnav .acts .lg{display:none}.lnav .acts{gap:16px}}
.pill{display:inline-block;background:var(--btn);color:#fff;border-radius:980px;padding:8px 16px;font-size:14px;font-weight:400;letter-spacing:-.016em;line-height:1.3}
.pill:hover{background:var(--btn-hover);text-decoration:none}
.pill.sm{padding:4px 11px;font-size:12px}
.pill.lg{padding:12px 22px;font-size:17px}
.pill.ghost{background:transparent;color:var(--link);border:1px solid var(--link)}
.pill.ghost:hover{background:var(--link);color:#fff}
.ctas{display:flex;gap:16px 20px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:22px;font-size:17px}

/* portada: la cama Glomed en una habitación luminosa; la foto se acerca a la cama al bajar */
.hero{height:200vh;position:relative;background:#efeeea}
.hero .stick{position:sticky;top:52px;height:calc(100vh - 52px);overflow:hidden;background:#efeeea;color:var(--ink)}
/* la foto empieza después del texto: en pantallas anchas el texto no se monta sobre la foto */
.hero .bg{position:absolute;top:0;right:0;bottom:0;left:max(42%,calc(max(22px,(100vw - 1200px)/2) + 540px));overflow:hidden}
.hero .bg picture{display:block;width:100%;height:100%}
.hero .bg img{width:100%;height:100%;object-fit:cover;object-position:72% 60%;transform-origin:62% 64%;transform:scale(var(--hs,1));will-change:transform}
.hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,238,234,.55),rgba(239,238,234,0) 14%)}
.hero .copy,.hero-name{position:absolute;left:max(22px,calc((100vw - 1200px)/2));top:clamp(56px,16vh,170px);width:min(35vw,500px);z-index:2}
.hero .copy{opacity:var(--co,1);transform:translateY(calc(var(--cy,0) * 1px))}
.hero h1{font-size:clamp(46px,6vw,88px);line-height:1;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
.hero .tag{font-size:clamp(19px,1.75vw,23px);line-height:1.3;letter-spacing:.004em;margin-top:14px;color:#3a4a47;max-width:26ch;text-wrap:balance}
.hero .ctas{justify-content:flex-start}
.js .hero .copy>*{animation:up 1.3s var(--ease-out) both}
.js .hero .copy>*:nth-child(2){animation-delay:.12s}.js .hero .copy>*:nth-child(3){animation-delay:.24s}
.js .hero .bg img{animation:reveal 1.8s var(--ease-out) both}
@keyframes up{from{opacity:0;translate:0 28px}}
@keyframes reveal{from{opacity:0;scale:1.04}}
.hero-name{opacity:var(--no,0);transform:translateY(calc((1 - var(--no,0)) * 24px));pointer-events:none}
.hero-name.on{pointer-events:auto}
.hero-name h2{font-size:clamp(34px,4.4vw,56px);font-weight:600;line-height:1.06;letter-spacing:-.015em}
.hero-name p{font-size:clamp(17px,1.8vw,21px);color:#3a4a47;margin-top:10px;max-width:30ch}
@media(max-width:740px){
  .hero .stick{background:#eeeeeb}
  .hero .bg{left:0}
  .hero .bg img{position:absolute;right:-8vw;bottom:9%;width:116vw;max-width:none;height:auto;object-fit:fill;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}
  .hero .bg::after{background:linear-gradient(180deg,rgba(248,250,249,.9) 0,rgba(248,250,249,.6) 34%,rgba(248,250,249,0) 55%)}
  .hero .copy,.hero-name{left:22px;right:22px;width:auto;top:clamp(26px,5vh,56px)}
}

/* títulos de sección */
.sec{padding:120px 0}
.h2{font-size:clamp(40px,5.6vw,56px);line-height:1.07;font-weight:600;letter-spacing:-.005em}
.lead{font-size:clamp(19px,2vw,21px);color:var(--ink-2);margin-top:14px;max-width:44ch;line-height:1.38;letter-spacing:.011em}
.center{text-align:center}.center .lead{margin-inline:auto}
.js .fade{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js .fade.in{opacity:1;transform:none}

/* lo destacado: carrusel con reproducción automática */
.hl{background:var(--paper)}
.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:48px max(22px,calc((100vw - 1260px)/2)) 6px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.card{position:relative;flex:0 0 min(86vw,1000px);aspect-ratio:16/10;border-radius:28px;overflow:hidden;scroll-snap-align:center;background:#000}
.card img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 6s linear}
.card.on img{transform:scale(1)}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.2) 34%,transparent 52%)}
.card p{position:absolute;z-index:1;left:clamp(22px,4vw,48px);top:clamp(22px,4vw,44px);color:#fff;font-size:clamp(19px,2.2vw,28px);font-weight:600;line-height:1.18;max-width:22ch;letter-spacing:.004em;text-shadow:0 1px 18px rgba(0,0,0,.35)}
.card p span{display:block;font-weight:400;opacity:.92}
@media(max-width:740px){.card{aspect-ratio:4/5}}
.ctrl{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:26px}
.dots{display:flex;gap:12px;align-items:center;background:rgba(232,232,237,.85);border-radius:999px;padding:16px 22px}
.dot{all:unset;cursor:pointer;width:8px;height:8px;border-radius:999px;background:rgba(0,0,0,.42);position:relative;overflow:hidden;transition:width .5s var(--ease)}
.dot.on{width:48px;background:rgba(0,0,0,.2)}
.dot i{position:absolute;inset:0;width:0;background:#1d1d1f}
.dot.done i{width:100%}
.pp,.arrow{all:unset;cursor:pointer;border-radius:50%;background:rgba(232,232,237,.85);display:grid;place-items:center;color:#1d1d1f;transition:background .2s}
.pp{width:56px;height:56px}.arrow{width:44px;height:44px}
.pp:hover,.arrow:hover{background:#dcdce1}
.pp svg{width:16px;height:16px;fill:#1d1d1f}.arrow svg{width:16px;height:16px}
.dot:focus-visible,.pp:focus-visible,.arrow:focus-visible,.model:focus-visible{outline:2px solid var(--link);outline-offset:3px}

/* detalle en negro con texto fijo sobre la foto */
.detail{background:#000;color:#f5f5f7;position:relative;height:220vh}
.detail .stick{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center}
.detail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--io,.35);transform:scale(var(--is,1.15))}
.detail .veil{position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,rgba(0,0,0,.15),rgba(0,0,0,.75))}
.lines{position:relative;z-index:1;text-align:center;padding:0 22px}
.lines p{font-size:clamp(36px,6vw,80px);font-weight:600;line-height:1.06;letter-spacing:-.015em;opacity:.18;transition:opacity .5s var(--ease)}
.lines p.on{opacity:1}
.lines small{display:block;margin:28px auto 0;font-size:clamp(17px,1.8vw,21px);color:#a1a1a6;max-width:36ch;line-height:1.4;opacity:0;transition:opacity .8s var(--ease)}
.lines small.on{opacity:1}

/* la línea: una vitrina por categoría */
.lineup{background:var(--paper)}
.show{display:grid;gap:clamp(56px,8vw,120px);margin-top:72px}
.cat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.cat.flip .vit{order:2}
.vit{position:relative;aspect-ratio:5/4;background:#fff;border-radius:32px;overflow:hidden}
.vit img{position:absolute;inset:9%;width:82%;height:82%;object-fit:contain;opacity:0;transform:scale(.96);transition:opacity .6s var(--ease),transform .9s var(--ease-out)}
.vit img.on{opacity:1;transform:none}
.cat:hover .vit img.on{transform:scale(1.03)}
.info h3{font-size:clamp(32px,3.6vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.01em}
.info>p{font-size:clamp(17px,1.6vw,19px);color:var(--ink-2);margin-top:12px;max-width:38ch;line-height:1.45}
.models{list-style:none;margin-top:28px;border-top:1px solid #d2d2d7}
.model{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:12px 10px;border-bottom:1px solid #d2d2d7;border-radius:12px;transition:background .25s}
.model:hover{background:rgba(0,0,0,.035)}
.model img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:12px;padding:4px}
.model b{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em}
.model span{font-size:14px;color:var(--ink-2)}
.model[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.info .ctas{justify-content:flex-start;margin-top:26px}
@media(max-width:820px){.cat{grid-template-columns:1fr}.cat.flip .vit{order:0}.vit{aspect-ratio:1}}

/* al por mayor */
.mayor{background:#fff}
.mphoto{position:relative;height:min(92vh,880px);overflow:hidden}
.mphoto img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;will-change:transform}
.mphoto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.25) 48%,transparent 72%)}
.mcap{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;padding-bottom:clamp(40px,9vh,96px)}
.mcap .wide{color:#fff}
.mcap h2{font-size:clamp(44px,6.4vw,88px);font-weight:600;line-height:1.02;letter-spacing:-.02em}
.mcap p{font-size:clamp(19px,2vw,24px);margin-top:14px;max-width:30ch;line-height:1.3;color:rgba(255,255,255,.92)}
.mcap .ctas{justify-content:flex-start}
.mcap .pill{background:#fff;color:#1d1d1f}.mcap .pill:hover{background:#e8e8ed}
.mcap a.chev{color:#fff}
@media(max-width:740px){.mphoto::after{background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.3) 55%,transparent 80%)}.mphoto img{object-position:60% 50%}}
.points{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:72px 0 120px}
.points div{border-top:1px solid #d2d2d7;padding-top:18px}
.points b{display:block;font-size:21px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.points span{display:block;color:var(--ink-2);margin-top:8px;font-size:17px;line-height:1.45}
@media(max-width:900px){.points{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.points{grid-template-columns:1fr}}

/* servicio técnico */
.tech{padding:120px 0 120px;text-align:center;background:var(--paper)}
.tech .photo{margin-top:56px;border-radius:28px;overflow:hidden;aspect-ratio:16/8}
.tech .photo img{width:100%;height:115%;object-fit:cover;will-change:transform}
@media(max-width:740px){.tech .photo{aspect-ratio:4/3}}

/* cierre */
.final{position:relative;min-height:88vh;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;padding:120px 0}
.final img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.final::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.38) 45%,rgba(0,0,0,.64))}
.final .wrap{position:relative;z-index:2}
.final .pill{background:#fff;color:#1d1d1f}.final .pill:hover{background:#e8e8ed}
.final .pill.ghost{background:transparent;color:#fff;border-color:#fff}.final .pill.ghost:hover{background:rgba(255,255,255,.14)}
.final .help{margin-top:28px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.92)}
.final .help a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* contacto fijo (WhatsApp) */
.wa{position:fixed;right:18px;bottom:18px;z-index:70}
.wa summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;background:#1d1d1f;color:#fff;border-radius:999px;padding:12px 18px 12px 14px;font-size:14px;box-shadow:0 12px 30px -10px rgba(0,0,0,.45);transition:transform .3s var(--ease)}
.wa summary::-webkit-details-marker{display:none}
.wa summary:hover{transform:translateY(-2px)}
.wa summary:focus-visible{outline:2px solid var(--link);outline-offset:3px}
.wa summary svg{width:20px;height:20px;fill:#25d366}
.wa .menu{position:absolute;right:0;bottom:calc(100% + 10px);width:min(300px,calc(100vw - 36px));background:#fff;color:var(--ink);border-radius:18px;padding:8px;box-shadow:0 20px 50px -18px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.06)}
.wa .menu a{display:block;padding:12px 14px;border-radius:12px;color:var(--ink)}
.wa .menu a:hover{background:var(--paper);text-decoration:none}
.wa .menu b{display:block;font-size:15px;font-weight:600}
.wa .menu span{font-size:13px;color:var(--ink-2)}
.wa[open] .menu{animation:waIn .28s var(--ease)}
@keyframes waIn{from{opacity:0;transform:translateY(8px)}}

footer{background:var(--paper);font-size:13px;color:var(--ink-2);padding:20px 0 36px;line-height:1.34;border-top:1px solid #d2d2d7}
footer .note{padding-bottom:16px;border-bottom:1px solid #d2d2d7}
footer .cols{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:20px 0}
footer .fh{color:var(--ink);font-weight:600;font-size:12px;margin-bottom:8px;letter-spacing:-.01em}
footer ul{list-style:none;display:grid;gap:8px}
footer ul a{color:var(--ink-2)}
footer .legal{border-top:1px solid #d2d2d7;padding-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:740px){footer .cols{grid-template-columns:1fr 1fr}}

@media (prefers-reduced-motion:reduce){
  .js .fade{opacity:1;transform:none;transition:none}
  .js .hero .copy>*,.js .hero .bg img{animation:none}
  .hero{height:auto}.hero .stick{position:relative;top:0;height:92vh}
  .hero .bg{transform:none}
  .hero-name{display:none}
  .detail{height:auto}.detail .stick{position:relative;height:100vh}.lines p,.lines small{opacity:1}
  .card img,.vit img{transition:none;transform:none}
  .wa summary,.wa[open] .menu{transition:none;animation:none}
}

/* barra de administración de WordPress (solo con sesión iniciada) */
.admin-bar .lnav{top:32px}
.admin-bar .hero .stick{top:84px;height:calc(100vh - 84px)}
@media (max-width:782px){.admin-bar .lnav{top:46px}.admin-bar .hero .stick{top:98px;height:calc(100vh - 98px)}}