/* Medido · estilos de la landing. Los componentes vienen de medido-ui.css (misma biblioteca del manual). */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--md-bg);color:var(--md-on-bg);font:500 17px/1.55 var(--font-ui)}
*{box-sizing:border-box}
:lang(he){font-family:var(--font-he)}
:lang(he) .m-tag,:lang(he) .t-label,:lang(he) .m-source{font-family:var(--font-he)}
:lang(he) .t-label{letter-spacing:0;text-transform:none;font-size:13px}
:lang(he) .m-table th{font-family:var(--font-he);letter-spacing:0;text-transform:none;font-size:13px}
h1,h2,h3,h4,p,ul,ol{margin:0}
a{color:inherit;text-underline-offset:3px}
img,svg{max-width:100%}
.sx{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band{padding-block:clamp(48px,8vw,96px);background:var(--md-bg);color:var(--md-on-bg)}
.band>.sx{display:grid;gap:var(--s-32);grid-template-columns:minmax(0,1fr)}
.band h2{max-width:22ch}
.band .lead{max-width:62ch;margin:0}
.k{color:var(--md-on-var);margin:0}
section[id]{scroll-margin-top:72px}

/* barra superior */
.bar{position:sticky;top:0;z-index:30;background:var(--md-bg);color:var(--md-on-bg);border-bottom:1px solid var(--md-outline-var);padding-top:env(safe-area-inset-top,0px)}
.bar .sx{display:flex;align-items:center;gap:var(--s-16);min-height:64px}
.bar .brand{display:inline-flex;flex:none}
.bar .brand img{height:24px;width:auto;display:block}
.bar nav{display:flex;gap:var(--s-4);margin-inline-start:var(--s-16);min-width:0}
.bar nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-12);font:700 14px/1 var(--font-ui);color:var(--md-on-var);text-decoration:none;border-radius:var(--r-ctl)}
.bar nav a:hover{color:var(--md-on-bg);background:color-mix(in srgb,var(--md-on-bg) 10%,transparent)}
.bar .grow{flex:1}
.bar .m-btn{min-height:44px}
.bar .menu-btn{display:none;width:44px;height:44px;flex:none}
.bar .menu-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bar .only-menu{display:none}
@media (max-width:860px){
  .bar nav{display:none}
  .bar .menu-btn{display:inline-flex}
  .bar.menu-open nav{display:grid;position:absolute;inset-inline:0;top:100%;margin:0;gap:var(--s-4);padding:var(--s-8) max(16px,env(safe-area-inset-left,0px)) var(--s-16) max(16px,env(safe-area-inset-right,0px));background:var(--md-bg);border-bottom:1px solid var(--md-outline-var);box-shadow:0 12px 24px rgba(0,0,0,.35)}
  .bar.menu-open nav a{min-height:48px;font-size:16px;color:var(--md-on-bg)}
  .bar.menu-open .only-menu{display:inline-flex;justify-content:center;margin-top:var(--s-8)}
}
@media (max-width:560px){.bar .sx>.m-btn{display:none}.bar .m-ring{display:none}.bar .m-seg{flex:none}.bar .m-seg button{padding:0 12px}}  /* tres idiomas y el menú entran en 375 px sin recortar */

/* portada */
.hero{padding-block:clamp(28px,4vw,48px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px);align-items:start}
.hero-copy{display:grid;gap:var(--s-16);align-content:start}
.hero h1{font-size:clamp(32px,4.2vw,50px);max-width:none}
.hero h1 .hl{display:block;max-width:16ch}
.hero h1 .kick{display:block;margin-bottom:var(--s-12);font:600 clamp(16px,1.5vw,20px)/1.3 var(--font-ui);letter-spacing:-.005em;color:var(--md-on-var);text-wrap:balance}
:lang(he) .hero h1 .kick{font-family:var(--font-he);letter-spacing:0}
.hero h1 .sro{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:lang(he) .hero h1 .hl{max-width:13ch}
.hero .lead{font-size:clamp(16px,1.3vw,18px);max-width:52ch}
.hero .m-test{margin-top:var(--s-16);background:var(--md-surface);border-radius:var(--r-content);padding:var(--s-20);gap:var(--s-12)}
.hero .m-test h2{font:800 20px/1.2 var(--font-ui);letter-spacing:-.01em;max-width:none}
.hero .m-search{max-width:none;background:var(--md-bg)}
.sample{display:grid;gap:var(--s-16);background:var(--md-surface);border-radius:var(--r-content);padding:var(--s-24);min-width:0}
.sample .hd{display:flex;justify-content:space-between;align-items:center;gap:var(--s-12);flex-wrap:wrap}
.sample .m-list{background:transparent;border-radius:0}
.sample .m-list-item{padding-inline:0}
.chip-ex{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border:1.5px dashed var(--md-on-var);border-radius:var(--r-full);font:700 11px/1 var(--font-mono);color:var(--md-on-var);text-transform:uppercase;letter-spacing:.06em}
:lang(he) .chip-ex{font-family:var(--font-he);letter-spacing:0;text-transform:none;font-size:12px}
@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}

/* lo que dicen los dueños */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--s-16)}
.quotes .m-card{display:grid;gap:var(--s-16);align-content:start}
.quotes blockquote{margin:0;font:800 22px/1.25 var(--font-ui);letter-spacing:-.01em}
:lang(he) .quotes blockquote{font-family:var(--font-he);letter-spacing:0}
.quotes .ev{color:var(--md-on-var);font:500 15px/1.5 var(--font-ui)}
.quotes .ev b{color:var(--md-on-bg)}
.quotes a{color:var(--md-on-var)}

/* oferta */
.offer{display:grid;gap:var(--s-16);grid-template-columns:repeat(2,minmax(0,1fr))}
.offer .main{grid-column:1/-1}
.offer .m-card{display:grid;gap:var(--s-16);align-content:start;padding:var(--s-32)}
.offer .main{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s-32)}
.offer h3{font:800 22px/1.2 var(--font-ui);letter-spacing:-.01em}
:lang(he) .offer h3{font-family:var(--font-he);letter-spacing:0}
.price{display:flex;align-items:baseline;gap:var(--s-8);flex-wrap:wrap}
.price .t-data{font-size:44px}
.price small{font:600 15px/1.3 var(--font-ui);color:var(--md-on-var)}
.offer .meta{font:700 12px/1.4 var(--font-mono);color:var(--md-on-var);letter-spacing:.04em}
:lang(he) .offer .meta{font-family:var(--font-he);letter-spacing:0;font-size:13px}
.offer ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--s-12)}
.offer li{padding-inline-start:var(--s-24);position:relative;font-size:16px;line-height:1.5}
.offer li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:10px;height:10px;border-radius:50%;border:3px solid var(--md-primary)}
.offer li b{display:block;font-weight:800}
.offer .side{display:grid;gap:var(--s-16);align-content:start;min-width:0}
.offer .note{color:var(--md-on-var);font-size:14px;line-height:1.5}
@media (max-width:860px){.offer{grid-template-columns:minmax(0,1fr)}.offer .main{grid-template-columns:minmax(0,1fr)}.offer .m-card{padding:var(--s-24)}}

/* confianza */
.trust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-32);align-items:start}
.trust .m-list-item{grid-template-columns:minmax(0,1fr) auto}
.trust .m-list-item b{font-weight:800}
@media (max-width:860px){.trust{grid-template-columns:minmax(0,1fr)}}
.stop{display:grid;gap:var(--s-24)}
.stop h2{font:800 clamp(30px,5vw,56px)/1.08 var(--font-ui);letter-spacing:-.03em;max-width:20ch}
:lang(he) .stop h2{font-family:var(--font-he);letter-spacing:0}
.stop .m-weeks{max-width:640px}
.stop .m-weeks i.stop::after{color:var(--md-on-primary)}

/* demostración */
.demo{display:grid;gap:var(--s-16);min-width:0}
.demo .m-tabs{border-bottom-color:var(--md-outline-var)}
.js .demo [role="tabpanel"]:not(.on){display:none}
.demo [role="tabpanel"]{display:grid;gap:var(--s-16);min-width:0}
.paper{background:var(--md-bg);color:var(--md-on-bg);border-radius:var(--r-content);padding:clamp(16px,3vw,32px);display:grid;gap:var(--s-24);min-width:0}
.paper .m-table{min-width:520px}
.paper .tw{overflow-x:auto}
.wk-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s-12);padding-bottom:var(--s-16);border-bottom:2px solid var(--md-on-bg)}
.wk-head img{height:22px;width:auto}
.wk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--s-24)}
.wk-grid p+p{margin-top:var(--s-8)}
.wk-grid .t-label{display:block;margin-top:var(--s-12);color:var(--md-on-var)}
.wk-grid>div>.t-label:first-child{margin-top:0}
.chat{display:grid;gap:var(--s-12);max-width:560px;min-width:0}
.chat .m-msg--me{justify-items:end}
.chat .bub{overflow-wrap:anywhere}
.chat .av{width:40px;height:40px;display:block}
.chat .av img{width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 1px var(--md-outline);display:block}
.chips{display:flex;flex-wrap:wrap;gap:var(--s-8)}
.demo .note{max-width:70ch}

/* lo que no es · faq */
.cols2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--s-32)}
.cols2 ul{margin:0;padding-inline-start:1.2em;display:grid;gap:var(--s-8)}
.faq{max-width:780px}

/* cierre */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--s-16);counter-reset:s}
.steps li{list-style:none;counter-increment:s;background:var(--md-surface);border-radius:var(--r-content);padding:var(--s-24);display:grid;gap:var(--s-8);align-content:start}
.steps li::before{content:counter(s);font:800 40px/1 var(--font-ui);color:var(--md-primary)}
.steps{margin:0;padding:0}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--s-16);align-items:center}
.mailline{font:700 15px/1.3 var(--font-mono);overflow-wrap:anywhere}
.foot{background:var(--md-bg);color:var(--md-on-bg);padding-block:var(--s-48);padding-bottom:calc(var(--s-48) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--md-outline-var)}
.foot .sx{display:grid;gap:var(--s-16)}
.foot img{height:28px;width:auto}
.foot .row{display:flex;flex-wrap:wrap;gap:var(--s-16) var(--s-32);color:var(--md-on-var);font-size:14px}
.foot a{color:var(--md-on-var)}

/* botón fijo del celular: el único llamado fijo */
.site-fab{position:fixed;inset-inline-end:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:25;display:none;box-shadow:0 6px 20px rgba(0,0,0,.35);text-decoration:none}
@media (max-width:720px){.site-fab.on{display:inline-flex}}
.has-cc .site-fab{bottom:calc(16px + var(--cc-h,0px))}  /* mientras el aviso de cookies está abajo, el botón sube por encima */
.m-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.site-snack{position:fixed;inset-inline:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;max-width:520px;margin-inline:auto}
.site-snack[hidden]{display:none}
.m-seg button[data-go]{cursor:pointer}
.bar .m-ring{margin-inline-start:var(--s-4)}
.trust>div:first-child{position:sticky;top:96px;align-self:start}
@media (max-width:860px){.trust>div:first-child{position:static}}
@media (max-width:600px){.demo .m-tab{padding:0 12px;font-size:14px}.price .t-data{font-size:38px}.hero h1{font-size:clamp(30px,8.5vw,38px)}.hero .lead{font-size:15px}.hero{padding-block:20px}}
@media (max-width:640px){
  .demo .m-tab{padding:0 10px}
  .paper .m-table{min-width:0}
  .m-table.stack thead{display:none}
  .m-table.stack,.m-table.stack tbody{display:block}
  .m-table.stack tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"c n" "t o";gap:6px 12px;padding:12px 0;border-bottom:1px dashed var(--md-outline-var)}
  .m-table.stack td{display:block;padding:0;border:0}
  .m-table.stack td.c{grid-area:c;font-weight:700}
  .m-table.stack td.n{grid-area:n;align-self:start}
  .m-table.stack td.t{grid-area:t}
  .m-table.stack td.o{grid-area:o;white-space:normal;align-self:center;text-align:end;font-size:11px;color:var(--md-on-var)}
  .m-table.stack tr.total{grid-template-areas:"c n";border-top:2px solid var(--md-on-bg);border-bottom:0;padding-top:16px}
  .m-table.stack tr.total td{border:0}
}

/* ---------- v3: caja de lectura, resultado, escalera ---------- */
.spend{display:grid;gap:var(--s-8)}
.spend .chips{display:flex;flex-wrap:wrap;gap:var(--s-8)}
#formnote.err{color:var(--md-err);font-weight:700}
#formnote a{color:inherit;font-weight:800}
.sealkey{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-8);font-size:14px;color:var(--md-on-var)}
.sealkey li{display:grid;grid-template-columns:auto 1fr;gap:var(--s-8);align-items:start}
.m-tag--not{border-style:dotted;color:var(--md-on-var);border-color:var(--md-on-var)}
.m-tag--not::before{content:"—";font-weight:800}
.sample .cant{margin:0}
.steps-live{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-12)}
.steps-live li{display:grid;grid-template-columns:auto 1fr;gap:var(--s-12);align-items:center;font-weight:700}
.steps-live .tick{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--md-primary);color:var(--md-on-primary);font-weight:800;font-size:13px}
#progress::after{content:"";width:28px;height:28px;border-radius:50%;background:conic-gradient(var(--md-primary) 66%,color-mix(in srgb,var(--md-on-bg) 28%,transparent) 0);-webkit-mask:radial-gradient(circle closest-side,transparent 46%,#000 47%);mask:radial-gradient(circle closest-side,transparent 46%,#000 47%);animation:m-spin 1.1s linear infinite}
@media (prefers-reduced-motion:reduce){#progress::after{animation:none}}

#result .sx{gap:var(--s-24)}
.rhead{display:grid;gap:var(--s-8)}
.rmeta{color:var(--md-on-var)}
.rhl{max-width:30ch}
.findings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:var(--s-16)}
.finding{background:var(--md-surface);border-radius:var(--r-content);padding:var(--s-24);display:grid;gap:var(--s-12);align-content:start;min-width:0}
.finding.st-problem{border:2px solid var(--md-on-bg)}
.ftop{display:flex;justify-content:space-between;gap:var(--s-12);align-items:flex-start;flex-wrap:wrap}
.ftop h3{flex:1 1 220px}
.stlabel{display:inline-flex;align-items:center;gap:6px;font:700 12px/1 var(--font-mono);color:var(--md-on-var)}
.stlabel b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:2px solid currentColor;font:800 11px/1 var(--font-ui)}
.st-problem .stlabel,.st-ok .stlabel{color:var(--md-on-bg)}
.st-problem .stlabel b{background:var(--md-on-bg);color:var(--md-bg)}
.st-warn .stlabel b{border-style:dashed}
.fsent{font-size:17px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.fwhy{margin:0;color:var(--md-on-var);font-size:15px}
.fwhy b{color:var(--md-on-bg)}
.fdet summary{cursor:pointer;font-weight:800;min-height:44px;display:flex;align-items:center}
.fdet ol{margin:0;padding-inline-start:1.3em;display:grid;gap:var(--s-4);color:var(--md-on-var)}
.fagency{display:grid;gap:var(--s-4);border-top:1px dashed var(--md-outline-var);padding-top:var(--s-12)}
.fagency p{margin:0;font-weight:600}
.fagency .m-btn{justify-self:start}
.cant,.changes,.route,.unread{display:grid;gap:var(--s-12);padding:var(--s-24)}
.cant ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-12)}
.cant li{display:grid;gap:2px}
.cant li span{color:var(--md-on-var);font-size:15px}
.changes ul{margin:0;padding-inline-start:1.2em;display:grid;gap:var(--s-4)}
.more summary{cursor:pointer;min-height:48px;display:flex;align-items:center}
.mrow{border-top:1px dashed var(--md-outline-var);padding:var(--s-12) 0;display:grid;gap:var(--s-4)}
.mrow p{margin:0}
.mh{display:flex;flex-wrap:wrap;gap:var(--s-12);align-items:center}
.nextbox{display:grid;gap:var(--s-12);background:var(--md-surface);border-radius:var(--r-content);padding:var(--s-24)}
.nextbox p{margin:0}
.sess{display:grid;gap:var(--s-8);border-top:1px dashed color-mix(in srgb,var(--md-on-bg) 22%,transparent);padding-top:var(--s-12);max-width:640px}
.sess-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--s-12);align-items:center;font-size:14px}
.sess-tx{display:grid;gap:2px}.sess-tx b{font-weight:800}.sess-tx .t-support{font-size:13px;color:var(--md-on-var)}
.sess-p{font-variant-numeric:tabular-nums;white-space:nowrap}
.sess .m-btn{min-height:34px;padding:4px 12px;font-size:13px}
@media (max-width:600px){.sess-row{grid-template-columns:minmax(0,1fr) auto}.sess .m-btn{grid-column:1/-1;justify-self:start}}

.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--s-16)}
.tier{display:grid;gap:var(--s-12);align-content:start;padding:var(--s-24)}
.tier .price{margin:0}
.tier .t-data{font-size:30px}
.calc{display:grid;gap:var(--s-12);padding:var(--s-24);max-width:680px}
.notme{margin:0;padding-inline-start:1.2em;display:grid;gap:var(--s-24);max-width:62ch;font-size:17px;line-height:1.6}
.diaglist{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-12);max-width:70ch}
.diaglist li{padding-inline-start:var(--s-24);position:relative}
.diaglist li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:10px;height:10px;border-radius:50%;border:3px solid var(--md-primary)}
.diaglist b{display:block}
.kit{margin:0;padding-inline-start:1.3em;display:grid;gap:var(--s-12);max-width:70ch}
.m-weeks i.read{background:transparent;border:2px dashed var(--md-on-bg)}
.method{display:grid;gap:var(--s-24);max-width:760px}
.msec{display:grid;gap:var(--s-8)}
.msec h2{font-size:24px}
.quotes .m-card h3{margin-bottom:var(--s-8)}

.has-result .site-fab{display:none!important}
.bridge{display:grid;gap:var(--s-12)}
.bridge-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--s-16);counter-reset:b}
.bridge-list li{counter-increment:b;border:1px solid var(--md-outline-var);border-radius:var(--r-content);padding:var(--s-24);display:grid;gap:var(--s-8);align-content:start}
.bridge-list li::before{content:counter(b);font:800 28px/1 var(--font-ui)}
.bridge-list b{font-size:18px}
.bridge-list span{color:var(--md-on-var);font-size:15px}

.betabar{background:var(--md-bg);color:var(--md-on-bg);font:700 14px/1.4 var(--font-ui);padding-block:var(--s-12)}
.ffb{display:flex;flex-wrap:wrap;gap:var(--s-8);align-items:center}
.ffb .m-chip{min-height:36px}

/* ---------- acceso a Google: pedido del Diagnóstico (resultados) y página /connect/ ---------- */
.gask{display:grid;gap:var(--s-12);padding:var(--s-24)}
.gask .t-title{margin:0;max-width:34ch}
.gask .t-body{max-width:62ch}
.jsonly{display:none}.js .jsonly{display:block}
.gpage{align-content:start}
.gpage [hidden]{display:none!important}
.gmain{display:grid;gap:var(--s-16)}
.gbox{display:grid;gap:var(--s-16);padding:var(--s-24)}
.gbox .t-title{margin:0}
.gsite .m-field{max-width:none}
.gsite .m-field input{width:100%}
.gsite .m-field input[aria-invalid="true"]{border:2px dashed var(--md-err)}
.gfacts{margin:0;display:grid}
.gfacts>div{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:var(--s-16);padding:var(--s-12) 0;border-top:1px dashed var(--md-outline-var)}
.gfacts>div:first-child{border-top:0}
.gfacts dt{color:var(--md-on-var);padding-top:3px}
.gfacts dd{margin:0;font-size:16px;line-height:1.5}
.gprice{display:inline-block;margin-top:var(--s-8);font-weight:700}
.gcheck{display:grid;gap:var(--s-4)}
.gcheck .m-check{align-items:flex-start;padding-block:var(--s-8);font-weight:700;font-size:16px}
.gcheck .m-check .box{margin-top:2px}
.m-check input:focus-visible+.box{box-shadow:0 0 0 2px var(--md-bg),0 0 0 4px var(--md-on-bg)}
.gerrline{margin:0;color:var(--md-err);font-weight:700;font-size:14px}
.gerrline::before{content:"! ";font-weight:800}
.m-btn.gbtn[aria-disabled="true"]{pointer-events:auto;cursor:not-allowed}
.m-btn[aria-disabled="true"]{pointer-events:none}
.gerr{border:2px dashed var(--md-err);display:grid;gap:var(--s-8)}
.gerr .t-title{margin:0}
.gerr .t-title::before{content:"! ";font-weight:800}
.gbusy{display:flex;align-items:center;gap:var(--s-16)}
.gok{display:grid;gap:var(--s-12)}
.gok .t-title{margin:0}
.gok p{margin:0}
.gleft{display:flex;align-items:center;gap:var(--s-12);font-size:20px}
.gok .tick{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--md-primary);color:var(--md-on-primary);font-weight:800;font-size:15px;flex:none}
.gnote{margin:0}
.gpage a{overflow-wrap:anywhere}
.gpage h1{max-width:24ch}
@media (max-width:600px){.gfacts>div{grid-template-columns:minmax(0,1fr);gap:var(--s-4)}.gbox,.gask{padding:var(--s-16)}.gbox .cta-row .m-btn{width:100%}.gask .cta-row .m-btn{width:100%}}
body.m-surface[data-surface="blanco"]{min-height:100vh;display:flex;flex-direction:column}
body.m-surface[data-surface="blanco"]>main{flex:1}
.gask .m-btn,.gbox .m-btn,.gok .m-btn{text-align:center}

/* Contacto (formulario) y aviso de medición */
.cpage{max-width:640px}
.cform{display:grid;gap:var(--s-16,16px);margin-top:var(--s-16,16px)}
.cform textarea{width:100%;resize:vertical}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.cc{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:8px 16px;background:#0E0F12;color:#fff;border-top:1px solid #fff;font-size:13px}
.cc .t-body{margin:0;color:#fff;font-size:13px;line-height:1.35;flex:1 1 280px}
.cc .t-body a{color:#fff;text-decoration:underline}
.cc-row{display:flex;gap:8px;flex:none}
.cc-row .m-btn{min-height:32px;padding:4px 12px;font-size:13px;color:#fff;border-color:#fff}

/* ---------- capa creativa (29/10): la marca en el título, la lectura en reposo, el proceso A4 ---------- */
.hero h1 .w{white-space:nowrap}
.hero h1 .oring{display:inline-grid;place-items:center;width:.56em;height:.56em;vertical-align:-.02em;margin:0 .02em}
.hero h1 .oring .m-ring{--d:100%;width:100%;height:100%}
.hero h1 .fill{display:inline-block;line-height:1;background:linear-gradient(to top,var(--md-primary) 62%,var(--md-on-bg) 62%);-webkit-background-clip:text;background-clip:text;color:transparent}
.exrest .rmeta{color:var(--md-on-var);font-size:13px}
.exrest .t-title{max-width:none}
.exrows{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-12)}
.exrows li{display:grid;grid-template-columns:auto 1fr;gap:var(--s-12);align-items:start;font-size:15px;line-height:1.45}
.exrows li .m-tag{margin-top:2px}
.exrows li b{font-weight:800}
.exrows li.st-problem b{text-decoration:underline;text-decoration-color:var(--md-primary);text-underline-offset:3px}
.exrest .cta-row{gap:var(--s-8)}
.log{display:grid;gap:var(--s-8);margin-top:var(--s-16)}
.loglines{font:500 13px/1.6 var(--font-mono);background:var(--md-surface);border-radius:var(--r-content);padding:14px 16px;max-height:260px;overflow:auto;display:grid;align-content:start;gap:2px}
.loglines .ln{display:grid;grid-template-columns:48px 1fr;gap:12px;opacity:0;transform:translateY(6px);transition:opacity .25s var(--ease),transform .25s var(--ease);min-width:0}
.loglines .ln.on{opacity:1;transform:none}
.loglines .ln>span{overflow-wrap:anywhere}
.loglines .t{color:var(--md-on-var);text-align:right;font-variant-numeric:tabular-nums}
.loglines .ev{color:var(--md-primary)}.loglines .ev::before{content:"✓ "}
.loglines .no{color:var(--md-on-var)}.loglines .no::before{content:"— "}
.a4{display:grid;gap:var(--s-16);justify-items:start;align-content:start}
.a4 .ringwrap{display:grid;place-items:center;position:relative}
.a4 .bigring{--d:min(220px,55vw)}
.a4 .ringwrap b{position:absolute;font:800 clamp(26px,3vw,38px)/1 var(--font-ui);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.a4 .step{font:800 clamp(20px,2.4vw,26px)/1.15 var(--font-ui);letter-spacing:-.02em;max-width:20ch;text-wrap:balance;min-height:2.3em}
:lang(he) .a4 .step{font-family:var(--font-he);letter-spacing:0}
/* los sellos al final: cada tarjeta entra y su sello cae como un golpe */
@keyframes m-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes m-seal-in{from{opacity:0;transform:scale(1.8) rotate(-8deg)}to{opacity:1;transform:none}}
.has-result .finding{animation:m-card-in .45s var(--ease) both}
.has-result .finding .m-tag{animation:m-seal-in .4s cubic-bezier(.2,1.4,.4,1) both;animation-delay:.25s;transform-origin:left center}
.has-result .finding:nth-child(2){animation-delay:.3s}.has-result .finding:nth-child(2) .m-tag{animation-delay:.55s}
.has-result .finding:nth-child(3){animation-delay:.6s}.has-result .finding:nth-child(3) .m-tag{animation-delay:.85s}
.has-result .finding:nth-child(4){animation-delay:.9s}.has-result .finding:nth-child(4) .m-tag{animation-delay:1.15s}
.clearq{display:grid;gap:var(--s-8);border-top:1px dashed var(--md-outline-var);padding-top:var(--s-12)}
.clearq .t-body{font-weight:700}
@media (prefers-reduced-motion:reduce){.loglines .ln{transition:none;opacity:1;transform:none}.has-result .finding,.has-result .finding .m-tag{animation:none}}

/* Precios como listado fino con relato (29/10): una fila por escalón, precio a la derecha; en RTL, a la izquierda. */
.plist{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.18)}
.plist-row{display:grid;grid-template-columns:1fr auto;gap:var(--s-16) var(--s-48);align-items:start;padding:var(--s-32) 0;border-bottom:1px solid var(--md-outline-var)}
.plist{border-top-color:var(--md-outline-var)}
.plist-main{display:grid;gap:var(--s-8);max-width:58ch}
.plist-main .t-title{margin:0}
.plist-main .t-support{line-height:1.55}
.route-line{max-width:62ch;margin:var(--s-32) 0 0}
.plist-main .t-support{margin:0}
.plist-main .t-note{margin:6px 0 0}
.plist-price{margin:0;font:600 20px/1.2 var(--font-ui);white-space:nowrap;text-align:end}
@media (max-width:600px){.plist-row{grid-template-columns:1fr}.plist-price{text-align:start}}
#prices .t-note{margin-top:var(--s-16)}

/* 29/10: lectura de ejemplo más chica; al pegar la web queda solo la "o" (modo lectura) y después la lectura al lado. */
.exrest{gap:var(--s-12);padding:var(--s-20)}
.exrest .t-title{font-size:20px;line-height:1.25}
.exrest .rmeta{font-size:12px}
.exrows li{font-size:13px;line-height:1.4;gap:var(--s-8)}
.exrows li .m-tag{font-size:11px;padding:1px 6px}
.exrows li.st-cant{color:var(--md-on-var)}
.exrows li.st-cant b{color:var(--md-on-bg);font-weight:700}
.exrest .t-note{font-size:12px}
.exrest .cta-row .m-btn{min-height:34px;padding:4px 12px;font-size:13px}
.is-reading .hero-copy{display:none}
.is-reading .hero-grid{grid-template-columns:minmax(0,1fr);justify-items:center}
.is-reading .a4{justify-items:center;text-align:center;padding:var(--s-32)}
.is-reading .a4 .bigring{--d:min(300px,70vw)}
.is-reading .a4 .step{max-width:28ch}
.reading-out{overflow:visible}
.is-reading #progress::after{display:none}
.reading-out #result-in{display:grid;gap:var(--s-24)}

/* 29/10: durante la lectura, la "o" a un lado y la lista prometida al otro (lo que se pidió desde el principio). */
/* A4: registro a la izquierda (lo que va leyendo, línea por línea), anillo a la derecha; el informe se despliega debajo */
.a4{grid-template-columns:1fr;gap:var(--s-24)}
.is-reading .a4{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:start;justify-items:stretch;text-align:start;padding:var(--s-32);max-width:1100px;width:100%}
.is-reading .a4 .a4-ring{display:grid;gap:var(--s-16);justify-items:center;text-align:center;align-self:center}
.is-reading .a4 .bigring{--d:min(260px,60vw)}
.a4-log{display:grid;gap:var(--s-8);min-width:0}
.a4-log .loglines{min-height:240px;max-height:min(440px,56vh)}
.has-result .reading-out{max-width:1100px;width:100%;padding:var(--s-32);margin-top:var(--s-8)}
@media (max-width:900px){.is-reading .a4{grid-template-columns:1fr}.is-reading .a4 .a4-ring{order:-1}.is-reading .a4 .bigring{--d:min(200px,55vw)}.a4-log .loglines{min-height:160px;max-height:40vh}}

/* ---------- 29/10 · el informe por bloques (lo que el dueño hace con cada cosa), con la UI de la auditoría M3 ----------
   Contenedor sin tarjeta (fondo de página); cada bloque es una superficie con borde; adentro, los hechos en tono alto con radio
   menor (radio externo − padding ≈ radio interno). Un solo acento amarillo: el bloque 4 (el Diagnóstico). */
.has-result .reading-out{background:transparent;padding:0;border-radius:0;margin-top:var(--s-8)}
.reading-out #result-in{gap:var(--s-24)}
.rhl:focus{outline:none}   /* recibe el foco al terminar (para lectores de pantalla); no es un control, no lleva anillo */
.rblock{display:grid;gap:var(--s-16);align-content:start;background:var(--md-surface);border:1px solid var(--md-outline-var);border-radius:var(--r-content);padding:var(--s-24);min-width:0}
.rblock.m-card--accent{border:2px solid var(--md-primary)}
.rblock-k{margin:0}
.rblock-h{margin:0;max-width:34ch}
.rblock > .t-body,.rblock > .t-support{max-width:65ch;margin:0}
.findings{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}
.finding{background:var(--md-surface-hi);border-radius:var(--r-ctl);padding:var(--s-24);gap:var(--s-12);border:1px solid transparent}
.finding.st-problem{border-color:var(--md-on-bg)}
.finding--lite{gap:var(--s-8)}
.ftop{align-items:center}
.ftitle{margin:0;font-size:17px;line-height:1.25}
.hint .ftitle{font-size:16px}
.fsent{max-width:65ch}
.fmeta{display:grid;gap:4px;border-top:1px dashed var(--md-outline-var);padding-top:var(--s-12)}
.fmeta p{margin:0;max-width:65ch}
.fmeta .t-label{color:var(--md-on-var)}
.fdo p+.t-note{color:var(--md-on-var);margin-top:2px}
.fagency-line{margin:0;max-width:65ch}
.fagency-line b{font-weight:800}
.okrows{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-8)}
.okrow{display:grid;grid-template-columns:auto 1fr;gap:var(--s-12);align-items:start;font-size:15px;color:var(--md-on-var);padding:var(--s-8) 0;border-top:1px dashed var(--md-outline-var)}
.okrow b{color:var(--md-on-bg)}
.okrow .stlabel{margin-top:2px}
.agq{margin:0;padding-inline-start:1.4em;display:grid;gap:var(--s-12);max-width:70ch}
.agq li{display:grid;gap:2px;font-weight:600}
.agq small{font-weight:500;color:var(--md-on-var)}
.b2note{font-weight:700}
.hints{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--s-16)}
.hint{background:var(--md-surface-hi);border-radius:var(--r-ctl);padding:var(--s-24);display:grid;gap:var(--s-12);align-content:start;min-width:0}
.paths{display:grid;gap:var(--s-8);border-top:1px dashed var(--md-outline-var);padding-top:var(--s-16)}
.paths .t-label{margin:0}
.paths-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--s-12);counter-reset:pa}
.paths-list li{counter-increment:pa;display:grid;gap:4px;padding-inline-start:36px;position:relative;font-size:15px;color:var(--md-on-var)}
.paths-list li::before{content:counter(pa);position:absolute;inset-inline-start:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--md-on-bg);color:var(--md-bg);font:800 13px/26px var(--font-ui);text-align:center}
.paths-list b{color:var(--md-on-bg);font-size:16px}
.cantlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--s-12)}
.cantlist li{display:grid;gap:2px}
.cantlist .t-support{margin:0}
.b4diag{margin:0}
.b4never{margin:0;max-width:72ch}
.nextbox{background:var(--md-surface)}
/* sellos y etiquetas del informe: cuerpo mínimo legible (11 px, 12 en hebreo), alineados con el título */
.reading-out .m-tag{min-height:24px;font-size:11px;padding:0 10px}
:lang(he) .reading-out .m-tag{font-size:12px}
/* lo que se toca: objetivo de 48 (zona invisible alrededor) y capa de estado */
.reading-out .m-chip{position:relative;min-height:36px}
.reading-out .m-chip::after{content:"";position:absolute;inset:-6px 0;border-radius:inherit}
.reading-out .m-chip:not([aria-pressed="true"]):hover{background:color-mix(in srgb,var(--md-on-bg) 8%,transparent)}
.sess .m-btn{min-height:48px}
.fdet summary{list-style:none;justify-content:space-between;gap:var(--s-12);padding:0 var(--s-8);margin:0 calc(var(--s-8) * -1);border-radius:var(--r-min);min-height:48px}
.fdet summary::-webkit-details-marker{display:none}
.fdet summary::after{content:"+";font:500 24px/1 var(--font-ui);flex:none}
.fdet[open] summary::after{content:"–"}
/* entrada escalonada corta y desacelerada (M3 emphasized-decelerate), recién cuando la vista llegó */
.has-result .finding{animation:m-card-in .4s cubic-bezier(.05,.7,.1,1) both;animation-delay:calc(var(--i,0) * 80ms)}
.has-result .finding .m-tag{animation:m-seal-in .4s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--i,0) * 80ms + 220ms)}
.has-result .finding:nth-child(2),.has-result .finding:nth-child(3),.has-result .finding:nth-child(4){animation-delay:calc(var(--i,0) * 80ms)}
.has-result .finding:nth-child(2) .m-tag,.has-result .finding:nth-child(3) .m-tag,.has-result .finding:nth-child(4) .m-tag{animation-delay:calc(var(--i,0) * 80ms + 220ms)}
[dir="rtl"] .has-result .finding .m-tag{transform-origin:right center}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* compacto: padding 16, botones a ancho completo */
@media (max-width:600px){
  .rblock,.nextbox,.changes{padding:var(--s-16)}
  .findings .finding,.hints .hint{padding:var(--s-12) 0 var(--s-16);background:transparent;border-radius:0;border:0;border-top:1px dashed var(--md-outline-var)}
  .findings .finding.st-problem{border-top:2px solid var(--md-on-bg)}
  .findings{gap:0}.hints{gap:0}
  .is-reading .a4{padding:var(--s-16)}
  .nextbox .cta-row .m-btn{width:100%}
  .ftitle{font-size:16px}
}

/* 29/10 (noche): condiciones del Trimestre en acordeón, con el diseño de la semana 6 de vuelta, a escala de la fila */
.plist-row .qterms{grid-column:1/-1;margin-top:var(--s-8)}
.qcard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--s-32);padding:var(--s-24);border-radius:var(--r-content);align-items:start}
.qleft{display:grid;gap:var(--s-16);align-content:start}
.qleft .t-label{margin:0}
.qh{margin:0;font:800 17px/1.25 var(--font-ui);letter-spacing:-.02em;max-width:22ch;text-wrap:balance}
:lang(he) .qh{font-family:var(--font-he);letter-spacing:0}
.qcard .m-weeks{max-width:420px}
.qcard .m-weeks i{height:22px}
.qcard .m-weeks i.stop::after{color:var(--md-on-primary)}
.qcard .t-note{margin:0;max-width:44ch}
.qterms-list{display:grid;gap:var(--s-16);max-width:56ch}
.qterms-list p{margin:0;line-height:1.55}
.qterms-list b{display:block;margin-bottom:2px;color:var(--md-on-bg)}
@media (max-width:720px){.qcard{grid-template-columns:1fr;gap:var(--s-24);padding:var(--s-16)}}
.qterms .body{max-width:none;color:inherit;padding:0 var(--s-8) var(--s-8)}

/* Tarjetas "Ya probaste otros": card con borde, sombra suave y separador antes de lo diferente */
.tried-grid{gap:var(--s-24)}
.tried-grid .tcard{display:flex;flex-direction:column;background:var(--md-bg);border:1px solid var(--md-outline-var);border-radius:16px;padding:var(--s-32);gap:0;box-shadow:0 1px 2px rgba(14,15,18,.06),0 8px 24px rgba(14,15,18,.06);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.tried-grid .tcard .t-title{margin:0 0 var(--s-12)}
.tried-grid .tcard .t-support{margin:0 0 var(--s-24)}
.tried-grid .tcard .tdiff{margin:auto 0 0;padding-top:var(--s-24);border-top:1px solid var(--md-outline-var);position:relative}
.tried-grid .tcard .tdiff::before{content:"";position:absolute;top:-1px;inset-inline-start:0;width:40px;height:3px;background:var(--md-primary)}
@media (hover:hover){.tried-grid .tcard:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(14,15,18,.08),0 16px 36px rgba(14,15,18,.10)}}
@media (prefers-reduced-motion:reduce){.tried-grid .tcard{transition:none}.tried-grid .tcard:hover{transform:none}}

/* Celular: el campo de lectura ocupa todo el ancho y el botón va abajo, para que el texto del campo se lea entero */
@media (max-width:480px){
  .hero .m-search{flex-wrap:wrap;padding:6px;row-gap:6px}
  .hero .m-search svg{margin-inline-start:10px}
  .hero .m-search input{flex:1 1 0;min-width:0;padding-inline-end:6px}
  .hero .m-search input::placeholder{font-size:14px}
  .hero .m-search .m-btn{flex:1 1 100%;width:100%}
}

/* Portada con aire (29/10): ahora que hay menos texto, el hero ocupa el primer pantallazo entero y respira.
   --s-20 no existe en los tokens: dejaba las dos tarjetas sin relleno. */
.hero .m-test{padding:var(--s-32);gap:var(--s-16);margin-top:var(--s-24)}
.exrest{padding:var(--s-24) var(--s-32);gap:var(--s-12)}
.exrows{gap:var(--s-12)}
.exrows li{font-size:14px;line-height:1.4;gap:var(--s-12)}
.exrows li .m-tag{font-size:11px;padding:2px 8px}
.exrest .rmeta{font-size:12px}
.exrest .t-note{font-size:12px}
.hero .m-search{min-height:64px}
.hero .m-search input{font-size:18px}
@media (min-width:901px){
  .hero{min-height:calc(100svh - var(--bar-h,65px));display:flex;align-items:center;padding-block:clamp(32px,6vh,72px)}
  .hero>.sx{width:100%}
  .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(40px,5vw,80px)}
  .hero-copy{gap:var(--s-24)}
  .hero h1{font-size:clamp(34px,4vw,60px)}
  .hero h1 .hl{max-width:none}
  :lang(he) .hero h1 .hl{max-width:none}
  .hero h1 .kick{margin-bottom:var(--s-20,20px);font-size:clamp(17px,1.5vw,22px)}
}