/* ---- escala de la web (aprobada el 6/11/2026): textos y espacios. Todos los bloques usan estas variables ---- */
:root{
  --t-h1:52px;--t-h2:44px;--t-h3:21px;--t-big:56px;--t-lead:16px;--t-body:15px;--t-small:13.5px;--t-label:12.5px;--t-btn:15px;
  --s1:8px;--s2:12px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;--s-sec:104px
}
@media (max-width:767px){:root{--t-h1:38px;--t-h2:32px;--t-h3:19px;--t-big:44px;--t-lead:15.5px;--s6:40px;--s7:48px;--s-sec:72px}}/* Bloques de la portada, generados desde el lienzo (web/propuestas-hero) el 5/11/2026. Cada bloque va acotado a su envoltorio .hb-<nombre>. *//* ---- base común: cada bloque pinta el fondo de la página (blanco roto con puntos) a todo el ancho y hereda la tipografía ---- */
.hb{position:relative;font-family:Geist,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;background:#fbfbf9 radial-gradient(#e2e2dc 1px,transparent 1px) center top/18px 18px}
.hb *{box-sizing:border-box}
.hb{box-shadow:0 -2px 0 0 #fbfbf9}/* tapa la rendija de 1 px con el fondo oscuro del body entre bloques */
.hb a{color:inherit;text-decoration:none}
.cg-page .hb{margin-left:min(0px,calc(720px - 50vw));margin-right:min(0px,calc(720px - 50vw))}
.hb-pie{background:#fbfbf9}
.hb .st{color:inherit;letter-spacing:normal}/* el tema usa .st para estrellas; aquí es otra cosa *//* ---- proyectos ---- */
.hb-proyectos{--page:#fbfbf9;--ink:#121412;--mut:#5b5f59;--dim:#8a8e88;--acc:#4cc282;--accd:#17824a;--lime:#d0dc55;--line:#e3e3de}
.hb-proyectos *{box-sizing:border-box}
.hb-proyectos a{color:inherit;text-decoration:none}
.hb-proyectos .pv{display:none;position:relative;isolation:isolate;padding:var(--s-sec) max(116px,calc((100% - 1200px)/2))}
.hb-proyectos .p4::before,.hb-proyectos .p6::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:max(16px,calc(50% - 680px));right:max(16px,calc(50% - 680px));border-radius:36px}
.hb-proyectos .p4::before{background:#f0f0ed}
.hb-proyectos .p6::before{background:#e8e8e3}
.hb-proyectos .p5{background:#fff}
.hb-proyectos .h2{margin:0;font-weight:600;font-size:var(--t-h2);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.hb-proyectos .lead{margin:var(--s2) 0 0;font-size:var(--t-lead);line-height:1.6;color:var(--mut);max-width:500px}
.hb-proyectos .more{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--t-body);font-weight:500;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;white-space:nowrap}
.hb-proyectos .more svg{width:15px;height:15px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-proyectos a:hover .more svg,.hb-proyectos .more:hover svg{transform:translateX(3px)}}
.hb-proyectos .head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5)}
.hb-proyectos .mk{position:relative;aspect-ratio:16/11.2;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 20px 44px -30px rgba(18,20,18,.28)}
.hb-proyectos .p5 .mk{background:#f2f2ef;box-shadow:none}
.hb-proyectos .mk-d{position:absolute;left:7%;top:9%;width:74%;border-radius:9px;overflow:hidden;background:#f3f3f0;box-shadow:0 1px 3px rgba(18,20,18,.08),0 22px 44px -22px rgba(18,20,18,.35);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.hb-proyectos .mk-d .bar{display:flex;align-items:center;gap:4px;height:clamp(14px,1.5vw,22px);padding:0 9px;background:#ebebe7}
.hb-proyectos .mk-d .bar i{width:6px;height:6px;border-radius:50%;background:#cfcfca}
.hb-proyectos .mk-d .bar span{margin:0 auto;transform:translateX(-10px);padding:2px 10px;border-radius:5px;background:#e0e0db;font-size:clamp(7px,.7vw,10px);color:#6b6f69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.hb-proyectos .mk-d img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.hb-proyectos .mk-m{position:absolute;right:7%;bottom:8%;width:21%;padding:2.2% 1.6%;border-radius:clamp(14px,1.9vw,26px);background:#111311;box-shadow:0 24px 44px -18px rgba(18,20,18,.5);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.hb-proyectos .mk-m img{display:block;width:100%;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:clamp(9px,1.3vw,18px)}
@media (hover:hover) and (pointer:fine){.hb-proyectos a:hover .mk-d{transform:translateY(-6px)}}
@media (hover:hover) and (pointer:fine){.hb-proyectos a:hover .mk-m{transform:translateY(-12px)}}
.hb-proyectos .cap{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s2);margin-top:var(--s3)}
.hb-proyectos .cap b{display:flex;align-items:center;gap:var(--s1);font-weight:600;font-size:var(--t-lead);letter-spacing:-.02em}
.hb-proyectos .cap small{display:block;margin-top:3px;font-size:var(--t-small);color:var(--mut)}
.hb-proyectos .cap em{font-style:normal;background:var(--lime);color:#1a1c10;font-size:10.5px;font-weight:600;padding:2px var(--s1);border-radius:999px;letter-spacing:.02em}
.hb-proyectos .cap svg{width:16px;height:16px;margin-top:4px;color:var(--dim);transition:transform .5s cubic-bezier(.16,1,.3,1),color .3s}
@media (hover:hover) and (pointer:fine){.hb-proyectos a:hover .cap svg{transform:rotate(-45deg);color:var(--accd)}}
.hb-proyectos .p4 .nav{display:flex;gap:var(--s1)}
.hb-proyectos .p4 .nav button{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;box-shadow:0 1px 2px rgba(18,20,18,.06);transition:background .3s,color .3s}
@media (hover:hover) and (pointer:fine){.hb-proyectos .p4 .nav button:hover{background:var(--ink);color:#fff}}
.hb-proyectos .p4 .nav svg{width:18px;height:18px}
.hb-proyectos .p4 .track{display:flex;gap:var(--s4);margin:var(--s6) -80px 0 0;padding:0 var(--s7) var(--s1) 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hb-proyectos .p4 .track::-webkit-scrollbar{display:none}
.hb-proyectos .p4 .card{flex:0 0 min(560px,80%);scroll-snap-align:start}
.hb-proyectos .p4>.more{margin-top:var(--s5)}
.hb-proyectos .p5 .ed{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:72px;align-items:center;margin-top:72px}
.hb-proyectos .p5 .ed.rev .mk{order:2}
.hb-proyectos .p5 .tx small{font-size:var(--t-small);color:var(--mut)}
.hb-proyectos .p5 h3{margin:var(--s1) 0 0;font-weight:600;font-size:var(--t-h2);letter-spacing:-.04em}
.hb-proyectos .p5 .tx p{margin:var(--s2) 0 0;font-size:var(--t-lead);line-height:1.6;color:var(--mut);max-width:440px}
.hb-proyectos .p5 .w{display:block;margin:var(--s4) 0 0;padding-top:var(--s3);border-top:1px solid var(--line);font-size:var(--t-small);color:var(--ink)}
.hb-proyectos .p5 .tx .more{margin-top:var(--s4)}
.hb-proyectos .p6 .mos{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto auto;gap:var(--s4);margin-top:var(--s6)}
.hb-proyectos .p6 .big{grid-row:1/3;display:flex;flex-direction:column}
.hb-proyectos .p6 .big .mk{flex:1;aspect-ratio:auto;min-height:420px}
.hb-proyectos .p6 .big .mk-d{top:12%;width:76%}
.hb-proyectos .p6 .big .mk-m{bottom:10%}
.hb-proyectos .p6 .also{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid #d6d6d0}
.hb-proyectos .p6 .also p{margin:0;font-size:var(--t-body);color:var(--mut)}
@media (max-width:1023px){.hb-proyectos .pv{padding:var(--s7) var(--s4)}
.hb-proyectos .p4::before,.hb-proyectos .p6::before{left:8px;right:8px;border-radius:24px}
.hb-proyectos .h2{font-size:var(--t-h2)}
.hb-proyectos .head{flex-direction:column;align-items:flex-start;gap:var(--s3)}
.hb-proyectos .p4 .track{margin-right:-28px;padding-right:var(--s4)}
.hb-proyectos .p4 .card{flex-basis:86%}
.hb-proyectos .p5 .ed,.hb-proyectos .p6 .mos{grid-template-columns:1fr;gap:28px}
.hb-proyectos .p5 .ed.rev .mk{order:0}
.hb-proyectos .p6 .big{grid-row:auto}
.hb-proyectos .p6 .big .mk{min-height:0;aspect-ratio:16/11.2}
.hb-proyectos .p6 .also{flex-direction:column;align-items:flex-start}}
.hb-proyectos .more svg{transition:transform .5s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-proyectos .more:hover svg{transform:translateX(3px)}}
.hb-proyectos .p4 .nav button{background:var(--acc);color:#06140c}
@media (hover:hover) and (pointer:fine){.hb-proyectos .p4 .nav button:hover{background:#3aae6f}}
.hb-proyectos .p4 .nav button:disabled{background:#fff;color:var(--ink)}
.hb-proyectos .p4 .nav button{background:var(--acc);color:#06140c}
@media (hover:hover) and (pointer:fine){.hb-proyectos .p4 .nav button:hover{background:#3aae6f}}
.hb-proyectos .p4 .nav button:disabled{background:#fff;color:var(--ink)}
.hb-proyectos .p4 .more{color:var(--accd);background-image:linear-gradient(var(--acc),var(--acc))}
.hb-proyectos .p4 .cap svg{color:var(--acc)}
.hb-proyectos .p4 .tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 var(--s1);border-radius:999px;background:var(--lime);color:#1a1c10!important;font-weight:600;font-size:11px}
.hb-proyectos .p4 .tabs button[aria-pressed="true"] span{background:#06140c;color:#fff!important}
.hb-proyectos .p4 .cap small::before{content:'';display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--lime);vertical-align:1px}
.hb-proyectos .cap .lg{display:none}
.hb-proyectos .cap i{display:block;margin-top:var(--s1);font-style:normal;font-size:var(--t-label);color:var(--dim)}
.hb-proyectos .p4 .track{cursor:grab;user-select:none}
.hb-proyectos .p4 .track.drag{cursor:grabbing;scroll-snap-type:none}
.hb-proyectos .p4 .track.drag a{pointer-events:none}
.hb-proyectos .p4 .track img{-webkit-user-drag:none}
.hb-proyectos .p4 .empty{flex:1;margin:0;padding:60px 0;font-size:15px;color:var(--mut)}
.hb-proyectos .p4 .foot{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s5)}
.hb-proyectos .p4 .prog{position:relative;flex:1;height:2px;border-radius:2px;background:#dcdcd6;overflow:hidden}
.hb-proyectos .p4 .prog .fill{position:absolute;left:0;top:0;bottom:0;width:30%;border-radius:2px;background:var(--acc);transition:left .4s cubic-bezier(.16,1,.3,1),width .4s}
.hb-proyectos .p4 .count{font-size:var(--t-small);color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap}
.hb-proyectos .p4 .count b{color:var(--ink);font-weight:600}
.hb-proyectos .p4 .nav button:disabled{opacity:.35;cursor:default;background:#fff;color:var(--ink)}
.hb-proyectos .p4 .tabs button[data-n="0"]{opacity:.5}
.hb-proyectos .p4::before{left:max(16px,calc(50% - 720px));right:max(16px,calc(50% - 720px))}
.hb-proyectos .p4 .track{margin-right:-120px;padding-right:var(--s-sec)}
@media (max-width:1023px){.hb-proyectos .p4 .track{margin-right:-28px;padding-right:var(--s4)}}
.hb-proyectos .mk-m{padding:.9%;border-radius:clamp(12px,1.6vw,22px);background:#1a1c1a;box-shadow:0 18px 36px -16px rgba(18,20,18,.45)}
.hb-proyectos .mk-m img{border-radius:clamp(10px,1.4vw,19px)}
@media (hover:hover) and (pointer:fine){.hb-proyectos a:hover .mk-d,.hb-proyectos a:hover .mk-m{transform:none}}
.hb-proyectos .mk-d,.hb-proyectos .mk-m{transition:none}
.hb-proyectos .p4{padding-top:var(--s-sec);padding-bottom:var(--s-sec)}
.hb-proyectos .p4 .head{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--s7);align-items:end}
.hb-proyectos .p4 .intro .lead{margin:0;font-size:var(--t-body)}
.hb-proyectos .p4 .intro .more{margin-top:var(--s2)}
.hb-proyectos .p4 .bar2{margin-top:var(--s5)}
.hb-proyectos .p4 .track{margin-top:var(--s4)}
.hb-proyectos .p4 .tabs button[aria-pressed="true"]{background:var(--acc)!important;color:#06140c!important}
.hb-proyectos .p4 .tabs button[aria-pressed="true"] span{color:rgba(6,20,12,.6)!important}
@media (hover:hover) and (pointer:fine){.hb-proyectos .p4 .nav button:hover{background:var(--acc);color:#06140c}}
.hb-proyectos .cap em{font-style:normal;background:var(--lime);color:#1a1c10;font-size:10.5px;font-weight:600;padding:2px var(--s1);border-radius:999px;letter-spacing:.02em}
@media (hover:hover) and (pointer:fine){.hb-proyectos a:hover .cap b{color:var(--accd)}}
@media (max-width:1023px){.hb-proyectos .p4 .head{grid-template-columns:1fr;gap:var(--s3)}}
.hb-proyectos .p4 .bar2{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-top:var(--s5)}
.hb-proyectos .p4 .tabs{display:flex;gap:4px;padding:5px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.05)}
.hb-proyectos .p4 .tabs button{display:inline-flex;align-items:center;gap:var(--s1);border:0;border-radius:10px;padding:var(--s1) var(--s2);background:transparent;font:500 14px/1 Geist,sans-serif;color:var(--mut);cursor:pointer;transition:background .3s,color .3s}
.hb-proyectos .p4 .tabs button span{font-size:var(--t-label);color:var(--dim)}
@media (hover:hover) and (pointer:fine){.hb-proyectos .p4 .tabs button:hover{color:var(--ink)}}
.hb-proyectos .p4 .tabs button[aria-pressed="true"]{background:var(--ink);color:#fff}
.hb-proyectos .p4 .tabs button[aria-pressed="true"] span{color:rgba(255,255,255,.6)}
.hb-proyectos .p4 .track{margin-top:var(--s4)}
.hb-proyectos .p4 .card{flex:0 0 calc((1200px - 48px) / 2.45);transition:opacity .4s}
.hb-proyectos .p4 .card[hidden]{display:none}
@media (max-width:1023px){.hb-proyectos .p4 .bar2{flex-direction:column;align-items:flex-start}
.hb-proyectos .p4 .tabs{overflow-x:auto;max-width:100%}
.hb-proyectos .p4 .tabs button{white-space:nowrap}
.hb-proyectos .p4 .nav{display:none}
.hb-proyectos .p4 .card{flex-basis:86%}}
.hb-proyectos .p4{display:block!important}/* ---- proceso ---- */
.hb-proceso{--ink:#121412;--mut:#5b5f59;--dim:#8a8e88;--acc:#4cc282;--accd:#17824a;--lime:#d0dc55;--line:#e3e3de;--card:#fff;--panel:#f0f0ed}
.hb-proceso *{box-sizing:border-box}
.hb-proceso a{color:inherit;text-decoration:none}
.hb-proceso .pv{display:none;padding:var(--s-sec) max(28px,calc((100% - 1200px)/2))}
.hb-proceso .head{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--s7);align-items:end}
.hb-proceso .h2{margin:0;font-weight:600;font-size:var(--t-h2);line-height:1.04;letter-spacing:-.045em;text-wrap:balance;max-width:640px}
.hb-proceso .intro p{margin:0;font-size:var(--t-body);line-height:1.65;color:var(--mut)}
.hb-proceso .more{display:inline-flex;align-items:center;gap:var(--s1);margin-top:var(--s2);font-size:var(--t-body);font-weight:500;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}
.hb-proceso .more svg{width:15px;height:15px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-proceso .more:hover svg{transform:translateX(3px)}}
.hb-proceso .when{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--t-small);font-weight:500;color:var(--accd)}
.hb-proceso .when::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(208,220,85,.25)}
.hb-proceso h3{margin:0;font-weight:600;font-size:var(--t-h3);letter-spacing:-.03em}
.hb-proceso .st p{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:var(--mut)}
.hb-proceso .vis{position:relative;display:grid;place-items:center;border-radius:16px;background:var(--panel);overflow:hidden}
.hb-proceso .chat{display:flex;flex-direction:column;gap:8px;width:86%}
.hb-proceso .chat span{max-width:84%;padding:10px 13px;border-radius:14px;font-size:12.5px;line-height:1.4}
.hb-proceso .chat .them{align-self:flex-start;background:#fff;border-bottom-left-radius:4px}
.hb-proceso .chat .me{align-self:flex-end;background:var(--acc);color:#06140c;border-bottom-right-radius:4px}
.hb-proceso .chat small{align-self:flex-end;font-size:10.5px;color:var(--dim)}
.hb-proceso .quote{width:84%;padding:14px 16px;border-radius:12px;background:#fff;font-size:12px;box-shadow:0 1px 2px rgba(18,20,18,.04)}
.hb-proceso .quote b{display:block;margin-bottom:8px;font-size:12.5px}
.hb-proceso .quote div{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #eeeeea;color:var(--mut)}
.hb-proceso .quote div span:last-child{color:var(--accd)}
.hb-proceso .quote .tot{border-top:1.5px solid var(--ink);color:var(--ink);font-weight:600}
.hb-proceso .quote .tot span:last-child{color:var(--ink)}
.hb-proceso .build{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;width:88%}
.hb-proceso .wire{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:9px;background:#fff}
.hb-proceso .wire i{display:block;height:6px;border-radius:3px;background:#e9e9e4}
.hb-proceso .wire i.h{height:10px;width:60%;background:#2b2e2a}
.hb-proceso .wire i.b{height:28px;margin-top:4px}
.hb-proceso .wire i.c{width:40%;height:10px;background:var(--lime)}
.hb-proceso .code{padding:12px;border-radius:9px;background:#0b0c0b;color:#cfd3cc;font:500 10.5px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}
.hb-proceso .code em{font-style:normal;color:var(--acc)}
.hb-proceso .code u{text-decoration:none;color:#9fb3ff}
.hb-proceso .code s{text-decoration:none;color:var(--lime)}
.hb-proceso .pub{position:relative;width:100%;height:100%}
.hb-proceso .pub .live{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#fff;font-size:11.5px;font-weight:500;box-shadow:0 1px 2px rgba(18,20,18,.06)}
.hb-proceso .pub .live i{width:7px;height:7px;border-radius:50%;background:var(--acc)}
.hb-proceso .pub .ph{position:absolute;left:50%;top:22%;width:38%;transform:translateX(-50%);padding:1.4%;border-radius:18px;background:#1a1c1a;box-shadow:0 18px 36px -16px rgba(18,20,18,.45)}
.hb-proceso .pub .ph img{display:block;width:100%;border-radius:15px;aspect-ratio:390/700;object-fit:cover;object-position:top}
.hb-proceso .p1 .tl{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);margin-top:var(--s7)}
.hb-proceso .p1 .tl::before{content:'';position:absolute;left:0;right:0;top:31px;height:2px;background:linear-gradient(90deg,var(--acc),var(--acc) 0,var(--line) 0);background:var(--line)}
.hb-proceso .p1 .tl::after{content:'';position:absolute;left:0;top:31px;height:2px;width:12%;background:var(--acc)}
.hb-proceso .p1 .st{position:relative;padding-top:62px}
.hb-proceso .p1 .st::before{content:'';position:absolute;left:0;top:24px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px var(--acc)}
.hb-proceso .p1 .st:first-child::before{background:var(--acc);box-shadow:0 0 0 5px rgba(76,194,130,.2)}
.hb-proceso .p1 .st .when{position:absolute;left:0;top:0}
.hb-proceso .p1 .st .when::before{display:none}
.hb-proceso .p1 .vis{height:190px;margin-bottom:22px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 18px 40px -30px rgba(18,20,18,.3)}
.hb-proceso .p1 .vis.pubv{background:var(--panel)}
.hb-proceso .p2 .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin-top:var(--s6)}
.hb-proceso .p2 .st{display:flex;flex-direction:column;padding:12px 12px 26px;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 20px 44px -32px rgba(18,20,18,.3)}
.hb-proceso .p2 .vis{height:200px}
.hb-proceso .p2 .st .txt{padding:22px 12px 0;flex:1}
.hb-proceso .p2 .st .when{margin:18px 12px 0}
.hb-proceso .p2 .bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:18px 24px;border-radius:16px;background:#0f3a2a;color:#fff}
.hb-proceso .p2 .bar p{margin:0;font-size:15px;color:rgba(255,255,255,.82)}
.hb-proceso .p2 .bar p b{color:#fff;font-weight:600}
.hb-proceso .p2 .bar a{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 6px 0 18px;border-radius:11px;background:var(--acc);color:#06140c;font-weight:600;font-size:14.5px}
.hb-proceso .p2 .bar a i{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#07150d;color:var(--acc)}
.hb-proceso .p2 .bar a svg{width:14px;height:14px}
.hb-proceso .p3 .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--s7);align-items:stretch;margin-top:var(--s6)}
.hb-proceso .p3 ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.hb-proceso .p3 li{border-bottom:1px solid var(--line)}
.hb-proceso .p3 li button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s1) var(--s3);width:100%;padding:var(--s4) 4px;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}
.hb-proceso .p3 li h3{color:var(--dim);transition:color .3s}
.hb-proceso .p3 li p{grid-column:1/-1;margin:0;font-size:var(--t-body);line-height:1.6;color:var(--mut);max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s}
.hb-proceso .p3 li .when{align-self:center;opacity:.5;transition:opacity .3s}
.hb-proceso .p3 li.on h3{color:var(--ink)}
.hb-proceso .p3 li.on p{max-height:80px;opacity:1}
.hb-proceso .p3 li.on .when{opacity:1}
@media (hover:hover) and (pointer:fine){.hb-proceso .p3 li:hover h3{color:var(--ink)}}
.hb-proceso .p3 .panel{position:relative;display:grid;border-radius:24px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 24px 50px -34px rgba(18,20,18,.35);padding:var(--s3);min-height:420px}
.hb-proceso .p3 .panel .vis{grid-area:1/1;opacity:0;transition:opacity .45s}
.hb-proceso .p3 .panel .vis.on{opacity:1}
.hb-proceso .p3 .panel .chat span{font-size:14px}
.hb-proceso .p3 .panel .quote{font-size:13.5px;width:70%}
.hb-proceso .p3 .panel .code{font-size:12px}
.hb-proceso .p3 .panel .pub .ph{width:30%;top:16%}
@media (max-width:1023px){.hb-proceso .pv{padding:var(--s7) var(--s3)}
.hb-proceso .head{grid-template-columns:1fr;gap:var(--s3)}
.hb-proceso .h2{font-size:var(--t-h2)}
.hb-proceso .p1 .tl,.hb-proceso .p2 .cards{grid-template-columns:1fr;gap:var(--s4)}
.hb-proceso .p1 .tl::before,.hb-proceso .p1 .tl::after{display:none}
.hb-proceso .p2 .bar{flex-direction:column;align-items:flex-start}
.hb-proceso .p3 .grid{grid-template-columns:1fr}
.hb-proceso .p3 .panel{display:none}
.hb-proceso .p3 li p{max-height:none;opacity:1}}
.hb-proceso .p4{display:block}
.hb-proceso .p4 .tl{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin-top:var(--s6)}
.hb-proceso .p4 .tl::before{content:'';position:absolute;left:0;right:0;top:31px;height:2px;background:var(--line)}
.hb-proceso .p4 .tl::after{content:'';position:absolute;left:0;top:31px;height:2px;width:12%;background:var(--acc)}
.hb-proceso .p4 .st{position:relative;display:flex;flex-direction:column;padding-top:62px}
.hb-proceso .p4 .st::before{content:'';position:absolute;left:0;top:24px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px var(--acc)}
.hb-proceso .p4 .st:first-child::before{background:var(--acc);box-shadow:0 0 0 5px rgba(76,194,130,.2)}
.hb-proceso .p4 .st>.when{position:absolute;left:0;top:0}
.hb-proceso .p4 .st>.when::before{display:none}
.hb-proceso .p4 .card{flex:1;padding:var(--s2) var(--s2) var(--s4);border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 20px 44px -32px rgba(18,20,18,.3)}
.hb-proceso .p4 .vis{height:200px}
.hb-proceso .p4 .txt{padding:var(--s4) var(--s2) 0}
.hb-proceso .p4 .bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:18px 24px;border-radius:16px;background:#0f3a2a;color:#fff}
.hb-proceso .p4 .bar p{margin:0;font-size:15px;color:rgba(255,255,255,.82)}
.hb-proceso .p4 .bar p b{color:#fff;font-weight:600}
.hb-proceso .p4 .bar a{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 6px 0 18px;border-radius:11px;background:var(--acc);color:#06140c;font-weight:600;font-size:14.5px}
.hb-proceso .p4 .bar a i{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#07150d;color:var(--acc)}
.hb-proceso .p4 .bar a svg{width:14px;height:14px}
@media (max-width:1023px){.hb-proceso .p4 .tl{grid-template-columns:1fr;gap:var(--s4)}
.hb-proceso .p4 .tl::before,.hb-proceso .p4 .tl::after{display:none}
.hb-proceso .p4 .bar{flex-direction:column;align-items:flex-start}}
.hb-proceso .cta,.hb-proceso .env button,.hb-proceso .bar a,.hb-proceso #sh .cta{transition:filter .3s}
@media (hover:hover) and (pointer:fine){.hb-proceso .cta:hover,.hb-proceso .env button:hover,.hb-proceso .bar a:hover,.hb-proceso #sh .cta:hover{filter:brightness(1.06)}}
.hb-proceso .cta i svg,.hb-proceso .env button i svg,.hb-proceso .bar a i svg,.hb-proceso #sh .cta i svg{transition:transform .6s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-proceso .cta:hover i svg,.hb-proceso .env button:hover i svg,.hb-proceso .bar a:hover i svg,.hb-proceso #sh .cta:hover i svg{transform:rotate(-45deg)}}
.hb-proceso .more svg{transition:transform .5s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-proceso .more:hover svg{transform:translateX(3px)}}/* ---- precio ---- */
.hb-precio{--ink:#121412;--mut:#5b5f59;--dim:#8a8e88;--acc:#4cc282;--accd:#17824a;--lime:#d0dc55;--line:#e3e3de;--forest:#0f3a2a}
.hb-precio *{box-sizing:border-box}
.hb-precio .pv{display:none;position:relative;isolation:isolate;padding:var(--s-sec) max(116px,calc((100% - 1200px)/2))}
.hb-precio h2{margin:0;font-weight:600;font-size:var(--t-h2);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.hb-precio .lead{margin:var(--s3) 0 0;font-size:var(--t-body);line-height:1.65;max-width:440px}
.hb-precio .cot{border-radius:22px;background:#fff;padding:var(--s4)}
.hb-precio .cot legend{padding:0;margin-bottom:var(--s2);font-size:var(--t-small);color:var(--mut)}
.hb-precio .cot fieldset{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:var(--s1)}
.hb-precio .cot label{cursor:pointer}
.hb-precio .cot input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.hb-precio .cot label span{display:inline-block;padding:var(--s1) var(--s2);border-radius:10px;background:#f0f0ed;font-size:var(--t-small);font-weight:500;color:var(--mut);transition:background .25s,color .25s}
@media (hover:hover) and (pointer:fine){.hb-precio .cot label:hover span{color:var(--ink)}}
.hb-precio .cot input:checked+span{background:var(--ink);color:#fff}
.hb-precio .res{margin:var(--s4) 0 0;display:flex;flex-direction:column;gap:2px}
.hb-precio .res small{font-size:var(--t-small);color:var(--mut)}
.hb-precio .res b{font-weight:600;font-size:var(--t-h1);letter-spacing:-.045em;line-height:1.05}
.hb-precio .res .pl{display:inline-flex;align-items:center;gap:var(--s1);margin-top:var(--s1)}
.hb-precio .res .pl::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--lime)}
.hb-precio .env{display:flex;gap:var(--s1);margin-top:var(--s4)}
.hb-precio .env input{flex:1;min-width:0;height:52px;padding:0 var(--s3);border:0;border-radius:12px;background:#f0f0ed;font:15px Geist,sans-serif;color:var(--ink);outline:0}
.hb-precio .env input:focus{background:#e9e9e4}
.hb-precio .env button{display:inline-flex;align-items:center;gap:var(--s2);height:52px;padding:0 var(--s1) 0 var(--s3);border:0;border-radius:12px;background:var(--ink);color:#fff;font:600 15px Geist,sans-serif;cursor:pointer}
.hb-precio .env button i{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:var(--acc);color:#06140c}
.hb-precio .env button svg{width:16px;height:16px}
.hb-precio .note{margin:var(--s2) 0 0;font-size:var(--t-label);color:var(--dim)}
.hb-precio .b1::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:max(16px,calc(50% - 720px));right:max(16px,calc(50% - 720px));border-radius:36px;background:var(--acc) radial-gradient(rgba(6,20,12,.09) 1px,transparent 1px) 0 0/18px 18px}
.hb-precio .b1 .in{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:var(--s7);align-items:center}
.hb-precio .b1 h2 span{color:rgba(6,20,12,.55)}
.hb-precio .b1 .lead{color:rgba(6,20,12,.75)}
.hb-precio .b1 .cot{box-shadow:0 30px 60px -36px rgba(6,40,22,.55)}
.hb-precio .b1 .ticks{display:flex;flex-direction:column;gap:var(--s1);margin:var(--s4) 0 0;padding:0;list-style:none;font-size:var(--t-body);color:rgba(6,20,12,.85)}
.hb-precio .b1 .ticks li{display:flex;align-items:center;gap:var(--s1)}
.hb-precio .b1 .ticks svg{width:16px;height:16px;color:var(--forest)}
.hb-precio .b2 .card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 30px 60px -40px rgba(18,20,18,.35)}
.hb-precio .b2 .l{position:relative;padding:var(--s6);background:var(--acc) radial-gradient(rgba(6,20,12,.09) 1px,transparent 1px) 0 0/18px 18px;display:flex;flex-direction:column}
.hb-precio .b2 .l h2 span{color:rgba(6,20,12,.55)}
.hb-precio .b2 .l .lead{color:rgba(6,20,12,.75)}
.hb-precio .b2 .l .res{margin-top:auto;padding-top:var(--s5)}
.hb-precio .b2 .l .res small{color:rgba(6,20,12,.65)}
.hb-precio .b2 .l .res b{font-size:var(--t-big)}
.hb-precio .b2 .l .res .pl::before{background:var(--forest)}
.hb-precio .b2 .cot{border-radius:0;padding:var(--s6)}
.hb-precio .b2 .cot .res{display:none}
.hb-precio .b2 .cot h3{margin:0 0 var(--s3);font-weight:600;font-size:var(--t-h3);letter-spacing:-.025em}
.hb-precio .b2 .cot fieldset{margin-bottom:var(--s1)}
.hb-precio .b2 .cot .env{margin-top:var(--s4)}
.hb-precio .b3 .head{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--s7);align-items:end}
.hb-precio .b3 .head p{margin:0;font-size:var(--t-body);line-height:1.65;color:var(--mut)}
.hb-precio .b3 .head h2 span{color:var(--dim)}
.hb-precio .b3 .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s4);margin-top:var(--s6)}
.hb-precio .b3 .opts{display:flex;flex-direction:column;border-radius:22px;background:#fff;padding:var(--s1);box-shadow:0 1px 2px rgba(18,20,18,.04),0 24px 50px -36px rgba(18,20,18,.3)}
.hb-precio .b3 .opts label{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:var(--s2);padding:var(--s3) var(--s3);border-radius:14px;cursor:pointer;transition:background .25s}
@media (hover:hover) and (pointer:fine){.hb-precio .b3 .opts label:hover{background:#f6f6f3}}
.hb-precio .b3 .opts input{position:absolute;opacity:0;pointer-events:none}
.hb-precio .b3 .opts .dot{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 2px #cfcfca;transition:box-shadow .25s}
.hb-precio .b3 .opts input:checked~.dot{box-shadow:inset 0 0 0 6px var(--acc)}
.hb-precio .b3 .opts label:has(input:checked){background:#f3f8f4}
.hb-precio .b3 .opts b{display:block;font-weight:600;font-size:var(--t-lead)}
.hb-precio .b3 .opts small{display:block;margin-top:3px;font-size:var(--t-small);color:var(--mut)}
.hb-precio .b3 .opts .p{text-align:right;font-weight:600;font-size:var(--t-lead);letter-spacing:-.02em;white-space:nowrap}
.hb-precio .b3 .opts .p em{display:block;font-style:normal;font-weight:400;font-size:11.5px;color:var(--dim)}
.hb-precio .b3 .call{display:flex;flex-direction:column;justify-content:space-between;border-radius:22px;padding:var(--s5);background:var(--forest) radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/18px 18px;color:#fff}
.hb-precio .b3 .call h3{margin:0;font-weight:600;font-size:var(--t-h3);letter-spacing:-.035em;line-height:1.15}
.hb-precio .b3 .call p{margin:var(--s2) 0 0;font-size:var(--t-body);line-height:1.6;color:rgba(255,255,255,.75)}
.hb-precio .b3 .call .env input{background:rgba(255,255,255,.1);color:#fff}
.hb-precio .b3 .call .env input::placeholder{color:rgba(255,255,255,.55)}
.hb-precio .b3 .call .env button{background:var(--acc);color:#06140c}
.hb-precio .b3 .call .env button i{background:#07150d;color:var(--acc)}
.hb-precio .b3 .call .note{color:rgba(255,255,255,.55)}
.hb-precio .b3 .call .sel{margin-top:var(--s4);font-size:var(--t-small);color:rgba(255,255,255,.7)}
.hb-precio .b3 .call .sel b{color:var(--lime);font-weight:600}
@media (max-width:1023px){.hb-precio .pv{padding:var(--s7) var(--s4)}
.hb-precio .b1::before{left:8px;right:8px;border-radius:24px}
.hb-precio h2{font-size:var(--t-h2)}
.hb-precio .b1 .in,.hb-precio .b2 .card,.hb-precio .b3 .head,.hb-precio .b3 .wrap{grid-template-columns:1fr;gap:var(--s4)}
.hb-precio .b2 .l,.hb-precio .b2 .cot{padding:var(--s4)}
.hb-precio .env{flex-direction:column}
.hb-precio .env button{justify-content:space-between}}
.hb-precio .b4 .head,.hb-precio .b5 .head,.hb-precio .b6 .head{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--s7);align-items:end}
.hb-precio .head p{margin:0;font-size:var(--t-body);line-height:1.65;color:var(--mut)}
.hb-precio .head h2 span{color:var(--dim)}
.hb-precio .b4 .calc{margin-top:var(--s6);border-radius:24px;background:#fff;padding:var(--s1);box-shadow:0 1px 2px rgba(18,20,18,.04),0 24px 50px -36px rgba(18,20,18,.3)}
.hb-precio .b4 .tabs4{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s1);padding:var(--s1);border-radius:16px;background:#f0f0ed}
.hb-precio .b4 .tabs4 label{cursor:pointer}
.hb-precio .b4 .tabs4 input{position:absolute;opacity:0;pointer-events:none}
.hb-precio .b4 .tabs4 span{display:block;padding:var(--s2) var(--s1);border-radius:11px;text-align:center;font-size:var(--t-body);font-weight:500;color:var(--mut);transition:background .25s,color .25s}
@media (hover:hover) and (pointer:fine){.hb-precio .b4 .tabs4 label:hover span{color:var(--ink)}}
.hb-precio .b4 .tabs4 input:checked+span{background:var(--acc);color:#06140c;font-weight:600}
.hb-precio .b4 .out{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.2fr);gap:var(--s5);align-items:center;padding:var(--s5) var(--s5) var(--s5)}
.hb-precio .big{display:flex;flex-direction:column;gap:2px}
.hb-precio .big small{font-size:var(--t-small);color:var(--mut)}
.hb-precio .big b{font-weight:600;font-size:var(--t-big);letter-spacing:-.045em;line-height:1.05}
.hb-precio .big .pl{display:inline-flex;align-items:center;gap:var(--s1);margin-top:var(--s1)}
.hb-precio .big .pl::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--lime)}
.hb-precio .b4 .inc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1);font-size:var(--t-body)}
.hb-precio .b4 .inc li{display:flex;align-items:center;gap:var(--s1)}
.hb-precio .b4 .inc svg{width:16px;height:16px;color:var(--accd);flex:0 0 auto}
.hb-precio .b4 .go p{margin:0 0 var(--s2);font-size:var(--t-small);color:var(--mut)}
.hb-precio .b5 .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s4);margin-top:var(--s6)}
.hb-precio .b5 .opts{display:flex;flex-direction:column;border-radius:22px;background:#fff;padding:var(--s1);box-shadow:0 1px 2px rgba(18,20,18,.04),0 24px 50px -36px rgba(18,20,18,.3)}
.hb-precio .b5 .opts label{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:var(--s2);padding:var(--s3);border-radius:14px;cursor:pointer;transition:background .25s}
@media (hover:hover) and (pointer:fine){.hb-precio .b5 .opts label:hover{background:#f6f6f3}}
.hb-precio .b5 .opts input{position:absolute;opacity:0;pointer-events:none}
.hb-precio .b5 .opts .dot{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 2px #cfcfca;transition:box-shadow .25s}
.hb-precio .b5 .opts input:checked~.dot{box-shadow:inset 0 0 0 6px var(--acc)}
.hb-precio .b5 .opts label:has(input:checked){background:#f3f8f4}
.hb-precio .b5 .opts b{display:block;font-weight:600;font-size:var(--t-lead)}
.hb-precio .b5 .opts small{display:block;margin-top:3px;font-size:var(--t-small);color:var(--mut)}
.hb-precio .b5 .opts .ar{width:16px;height:16px;color:var(--dim);opacity:0;transition:opacity .25s}
.hb-precio .b5 .opts label:has(input:checked) .ar{opacity:1;color:var(--accd)}
.hb-precio .b5 .side{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s4);border-radius:22px;padding:var(--s5);background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 24px 50px -36px rgba(18,20,18,.3)}
.hb-precio .b5 .side small{font-size:var(--t-small);color:var(--mut)}
.hb-precio .b5 .side h3{margin:4px 0 0;font-weight:600;font-size:var(--t-h3);letter-spacing:-.03em}
.hb-precio .b5 .side .big b{font-size:var(--t-big)}
.hb-precio .b5 .env button,.hb-precio .b6 .env button{background:var(--acc);color:#06140c}
.hb-precio .b5 .env button i,.hb-precio .b6 .env button i{background:#07150d;color:var(--acc)}
.hb-precio .b6::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:max(16px,calc(50% - 720px));right:max(16px,calc(50% - 720px));border-radius:36px;background:#f0f0ed}
.hb-precio .b6 .tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2);margin-top:var(--s6)}
.hb-precio .b6 .tiles label{cursor:pointer}
.hb-precio .b6 .tiles input{position:absolute;opacity:0;pointer-events:none}
.hb-precio .b6 .tile{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s4);height:100%;padding:var(--s3);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04);transition:background .25s,color .25s}
.hb-precio .b6 .tile b{font-weight:600;font-size:var(--t-lead);line-height:1.25;padding-right:var(--s4)}
.hb-precio .b6 .tile small{display:block;font-size:var(--t-label);color:var(--mut)}
.hb-precio .b6 .tile strong{display:block;font-weight:600;font-size:var(--t-h3);letter-spacing:-.035em;margin-top:2px}
.hb-precio .b6 .tile{position:relative}
.hb-precio .b6 .tile i{position:absolute;right:18px;top:20px;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 2px #d6d6d0}
@media (hover:hover) and (pointer:fine){.hb-precio .b6 .tiles label:hover .tile{box-shadow:0 1px 2px rgba(18,20,18,.04),0 14px 30px -22px rgba(18,20,18,.35)}}
.hb-precio .b6 .tiles input:checked+.tile{background:var(--ink);color:#fff}
.hb-precio .b6 .tiles input:checked+.tile small{color:rgba(255,255,255,.6)}
.hb-precio .b6 .tiles input:checked+.tile i{box-shadow:inset 0 0 0 6px var(--acc)}
.hb-precio .b6 .bar6{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-top:var(--s3);padding:var(--s2) var(--s2) var(--s2) var(--s4);border-radius:18px;background:#fff}
.hb-precio .b6 .bar6 p{margin:0;font-size:var(--t-body);color:var(--mut)}
.hb-precio .b6 .bar6 .pl{display:inline-flex;align-items:center;gap:var(--s1);color:var(--ink);font-weight:500}
.hb-precio .b6 .bar6 .pl::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--lime)}
.hb-precio .b6 .bar6 .env{margin:0;flex:0 0 480px}
@media (max-width:1023px){.hb-precio .b4 .head,.hb-precio .b5 .head,.hb-precio .b6 .head,.hb-precio .b4 .out,.hb-precio .b5 .wrap{grid-template-columns:1fr;gap:var(--s4)}
.hb-precio .b4 .tabs4,.hb-precio .b6 .tiles{grid-template-columns:1fr 1fr}
.hb-precio .b6::before{left:8px;right:8px;border-radius:24px}
.hb-precio .b6 .bar6{flex-direction:column;align-items:stretch}
.hb-precio .b6 .bar6 .env{flex:auto}}
.hb-precio .b3{display:block}
.hb-precio .b3 .who,.hb-precio .b3 .pbig,.hb-precio .b3 .opts .inc3{display:none}
.hb-precio .b3 .who{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s4)}
.hb-precio .b3 .who img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--acc)}
.hb-precio .b3 .who b{display:block;font-size:var(--t-body);font-weight:600}
.hb-precio .b3 .who small{display:block;margin-top:2px;font-size:var(--t-label);color:rgba(255,255,255,.65)}
.hb-precio .b3 .pbig{display:flex;flex-direction:column;gap:2px;margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid rgba(255,255,255,.14)}
.hb-precio .b3 .sel{display:none}
.hb-precio .b3 .pbig small{font-size:var(--t-small);color:rgba(255,255,255,.65)}
.hb-precio .b3 .pbig b{font-weight:600;font-size:var(--t-h1);letter-spacing:-.045em;line-height:1.05;color:var(--lime)}
.hb-precio .b3 .pbig .pl{display:inline-flex;align-items:center;gap:var(--s1);margin-top:4px}
.hb-precio .b3 .pbig .pl::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--acc)}
.hb-precio .b3 .opts .inc3{display:grid;grid-column:2/-1;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1)}
.hb-precio .b3 .opts .inc3>ul{overflow:hidden;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--ink)}
.hb-precio .b3 .opts .inc3 li{display:inline-flex;align-items:center;gap:7px}
.hb-precio .b3 .opts .inc3 svg{width:14px;height:14px;color:var(--accd)}
.hb-precio .b3 .opts label:has(input:checked) .inc3{grid-template-rows:1fr}
.hb-precio .b3 .opts label:has(input:checked) .inc3>ul{padding-top:12px}
.hb-precio .b3 .opts{justify-content:space-between}
.hb-precio .b3 .opts .inc3>ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;align-content:start;height:62px;box-sizing:border-box}
.hb-precio .b3 .opts label:has(input:checked) .inc3>ul{padding-top:12px}
.hb-precio .b3 .opts .inc3 li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-precio .b3 .opts .inc3{display:block;height:0;overflow:hidden;transition:height .45s cubic-bezier(.16,1,.3,1)}
.hb-precio .b3 .opts label:has(input:checked) .inc3{height:62px!important}
.hb-precio .b3 .opts .inc3>ul{height:62px;padding-top:12px!important}
.hb-precio .b3 .opts{justify-content:flex-start}
.hb-precio .b3{padding-top:var(--s1)}
.hb-precio .cta,.hb-precio .env button,.hb-precio .bar a,.hb-precio #sh .cta{transition:filter .3s}
@media (hover:hover) and (pointer:fine){.hb-precio .cta:hover,.hb-precio .env button:hover,.hb-precio .bar a:hover,.hb-precio #sh .cta:hover{filter:brightness(1.06)}}
.hb-precio .cta i svg,.hb-precio .env button i svg,.hb-precio .bar a i svg,.hb-precio #sh .cta i svg{transition:transform .6s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-precio .cta:hover i svg,.hb-precio .env button:hover i svg,.hb-precio .bar a:hover i svg,.hb-precio #sh .cta:hover i svg{transform:rotate(-45deg)}}
.hb-precio .more svg{transition:transform .5s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-precio .more:hover svg{transform:translateX(3px)}}/* ---- resenas ---- */
.hb-resenas{--ink:#121412;--mut:#5b5f59;--dim:#8a8e88;--acc:#4cc282;--accd:#17824a;--lime:#d0dc55;--line:#e3e3de;--star:#f2b01e}
.hb-resenas *{box-sizing:border-box}
.hb-resenas a{color:inherit;text-decoration:none}
.hb-resenas .pv{display:none;padding:var(--s1) max(28px,calc((100% - 1200px)/2)) var(--s-sec)}
.hb-resenas .r3{display:block}
.hb-resenas .head{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--s7);align-items:end}
.hb-resenas h2{margin:0;font-weight:600;font-size:var(--t-h2);line-height:1.04;letter-spacing:-.045em;text-wrap:balance;max-width:620px}
.hb-resenas .head p{margin:0;font-size:var(--t-body);line-height:1.65;color:var(--mut)}
.hb-resenas .more{display:inline-flex;align-items:center;gap:var(--s1);margin-top:var(--s2);font-size:var(--t-body);font-weight:500;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}
.hb-resenas .more svg{width:15px;height:15px}
.hb-resenas .sum{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s3)}
.hb-resenas .sum .it{display:flex;align-items:center;gap:var(--s1)}
.hb-resenas .sum b{font-weight:600;font-size:var(--t-h3);letter-spacing:-.03em}
.hb-resenas .sum small{display:block;font-size:var(--t-label);color:var(--mut)}
.hb-resenas .sum .st{color:var(--star);font-size:12px;letter-spacing:1px}
.hb-resenas .sum hr{width:1px;height:34px;border:0;background:var(--line);margin:0}
.hb-resenas .malt{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#121412;color:#fff;font-weight:700;font-size:var(--t-label)}
.hb-resenas .rv{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--s2);margin:0;padding:var(--s4) var(--s4) var(--s3);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 16px 36px -28px rgba(18,20,18,.3)}
.hb-resenas .rv blockquote{margin:0;font-size:var(--t-body);line-height:1.6;color:#2b2e2a}
.hb-resenas .rv figcaption{display:flex;align-items:center;justify-content:space-between;gap:var(--s1);margin-top:auto;font-size:var(--t-small)}
.hb-resenas .rv figcaption b{font-weight:600}
.hb-resenas .rv .st{color:var(--star);font-size:12px;letter-spacing:1px}
.hb-resenas .rv .g{display:inline-flex;align-items:center;gap:var(--s1);color:var(--mut)}
.hb-resenas .rv .g svg{width:15px;height:15px}
.hb-resenas .cta{display:inline-flex;align-items:center;gap:var(--s2);height:50px;padding:0 var(--s1) 0 var(--s3);border-radius:12px;background:var(--acc);color:#06140c;font-weight:600;font-size:var(--t-body)}
.hb-resenas .cta i{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#07150d;color:var(--acc)}
.hb-resenas .cta svg{width:16px;height:16px}
.hb-resenas .r1 .rows{display:flex;flex-direction:column;gap:var(--s3);margin:var(--s6) calc(-1 * max(28px,(100vw - 1200px)/2)) 0;overflow:hidden}
.hb-resenas .r1 .row{display:flex;gap:var(--s3);width:max-content;animation:hbres-mq 90s linear infinite}
.hb-resenas .r1 .row.b{animation-direction:reverse;animation-duration:110s}
.hb-resenas .r1 .rv{width:380px}
@keyframes hbres-mq{to{transform:translateX(-50%)}}
.hb-resenas .r1 .foot{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s5)}
.hb-resenas .r2 .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-top:var(--s6);align-items:start}
.hb-resenas .r2 .col{display:flex;flex-direction:column;gap:var(--s3)}
.hb-resenas .r2 .rv.feat{background:var(--lime);box-shadow:none}
.hb-resenas .r2 .rv.feat blockquote{font-size:var(--t-h3);line-height:1.45;font-weight:500;letter-spacing:-.01em;color:#1a1c10}
.hb-resenas .r2 .rv.feat .st{color:#1a1c10}
.hb-resenas .r2 .rv.feat .g{color:#3a3d20}
.hb-resenas .r2 .foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line)}
.hb-resenas .r3 .wrap{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--s4);margin-top:var(--s6)}
.hb-resenas .r3 .card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s4);padding:var(--s5);border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 24px 50px -36px rgba(18,20,18,.3)}
.hb-resenas .r3 .big{display:flex;align-items:flex-end;gap:var(--s2)}
.hb-resenas .r3 .big b{font-weight:600;font-size:var(--t-big);letter-spacing:-.05em;line-height:.9}
.hb-resenas .r3 .big span{padding-bottom:var(--s1)}
.hb-resenas .r3 .big .st{display:block;color:var(--star);font-size:16px;letter-spacing:2px}
.hb-resenas .r3 .big small{display:block;font-size:var(--t-small);color:var(--mut);margin-top:4px}
.hb-resenas .r3 .bars{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--t-small);color:var(--mut)}
.hb-resenas .r3 .bars div{display:grid;grid-template-columns:14px 1fr 46px;align-items:center;gap:var(--s1)}
.hb-resenas .r3 .bars i{display:block;height:6px;border-radius:3px;background:#f0f0ed;overflow:hidden}
.hb-resenas .r3 .bars i::before{content:'';display:block;height:100%;width:var(--w);background:var(--lime)}
.hb-resenas .r3 .other{display:flex;align-items:center;gap:var(--s1);padding-top:var(--s3);border-top:1px solid var(--line);font-size:var(--t-small)}
.hb-resenas .r3 .cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);height:520px;overflow:hidden;border-radius:22px}
.hb-resenas .r3 .cl{display:flex;flex-direction:column;gap:var(--s3);animation:hbres-up 70s linear infinite}
.hb-resenas .r3 .cl.b{animation:hbres-dn 80s linear infinite}
@keyframes hbres-up{to{transform:translateY(-50%)}}
@keyframes hbres-dn{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.hb-resenas .r1 .row,.hb-resenas .r3 .cl{animation:none}}
@media (max-width:1023px){.hb-resenas .head,.hb-resenas .r3 .wrap{grid-template-columns:1fr;gap:var(--s3)}
.hb-resenas h2{font-size:var(--t-h2)}
.hb-resenas .r2 .grid{grid-template-columns:1fr}
.hb-resenas .r1 .rv{width:300px}
.hb-resenas .r3 .cols{grid-template-columns:1fr;height:460px}
.hb-resenas .r3 .cl.b{display:none}
.hb-resenas .sum{flex-wrap:wrap}}
.hb-resenas .mlogo{height:15px;width:auto;display:block}
.hb-resenas .sum .it .mlogo{height:17px}
.hb-resenas .r2 .g2{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-auto-rows:1fr;gap:var(--s3);margin-top:var(--s6)}
.hb-resenas .r2 .g2 .feat{grid-row:span 2}
.hb-resenas .r2 .g2 .rv:not(.feat) blockquote{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.hb-resenas .r3 .cols,.hb-resenas .r5 .cols5{-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);border-radius:0}
.hb-resenas .r4 .wrap4{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--s3);margin-top:var(--s6)}
.hb-resenas .r4 .card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s4);padding:var(--s5);border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 24px 50px -36px rgba(18,20,18,.3)}
.hb-resenas .r4 .g4{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:var(--s3)}
.hb-resenas .r4 .g4 .rv blockquote{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.hb-resenas .r4 .g4 .feat{background:var(--lime);box-shadow:none}
.hb-resenas .r4 .g4 .feat blockquote{font-size:var(--t-lead);font-weight:500;color:#1a1c10}
.hb-resenas .r4 .g4 .feat .st{color:#1a1c10}
.hb-resenas .r4 .g4 .feat .g{color:#3a3d20}
.hb-resenas .r4 .big,.hb-resenas .r5 .big{display:flex;align-items:flex-end;gap:var(--s2)}
.hb-resenas .r4 .big b{font-weight:600;font-size:var(--t-big);letter-spacing:-.05em;line-height:.9}
.hb-resenas .r4 .big span{padding-bottom:var(--s1)}
.hb-resenas .r4 .big .st{display:block;color:var(--star);font-size:16px;letter-spacing:2px}
.hb-resenas .r4 .big small{display:block;font-size:var(--t-small);color:var(--mut);margin-top:4px}
.hb-resenas .r4 .bars{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--t-small);color:var(--mut)}
.hb-resenas .r4 .bars div{display:grid;grid-template-columns:14px 1fr 46px;align-items:center;gap:var(--s1)}
.hb-resenas .r4 .bars i{display:block;height:6px;border-radius:3px;background:#f0f0ed;overflow:hidden}
.hb-resenas .r4 .bars i::before{content:'';display:block;height:100%;width:var(--w);background:var(--lime)}
.hb-resenas .r4 .other{display:flex;align-items:center;gap:var(--s1);padding-top:var(--s3);border-top:1px solid var(--line);font-size:var(--t-small)}
.hb-resenas .r5 .cols5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);height:560px;overflow:hidden;margin-top:var(--s5)}
.hb-resenas .r5 .cl{display:flex;flex-direction:column;gap:var(--s3);animation:hbres-up 80s linear infinite}
.hb-resenas .r5 .cl.b{animation:hbres-dn 90s linear infinite}
.hb-resenas .r5 .cl.c{animation-duration:70s}
.hb-resenas .r5 .rv.lime{background:var(--lime);box-shadow:none}
.hb-resenas .r5 .rv.lime .st{color:#1a1c10}
.hb-resenas .r5 .rv.lime blockquote{color:#1a1c10}
.hb-resenas .r5 .rv.lime .g{color:#3a3d20}
.hb-resenas .r5 .foot{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s4)}
@media (max-width:1023px){.hb-resenas .r2 .g2,.hb-resenas .r4 .wrap4,.hb-resenas .r4 .g4{grid-template-columns:1fr}
.hb-resenas .r2 .g2 .feat{grid-row:auto}
.hb-resenas .r5 .cols5{grid-template-columns:1fr}
.hb-resenas .r5 .cl.b,.hb-resenas .r5 .cl.c{display:none}}
.hb-resenas .r3 .gh,.hb-resenas .r3 .pull,.hb-resenas .r3 .hl{display:none}
.hb-resenas .r3 .gh{display:flex;align-items:center;gap:var(--s1);font-size:var(--t-small)}
.hb-resenas .r3 .gh .gi svg{width:22px;height:22px;display:block}
.hb-resenas .r3 .gh b{font-weight:600}
.hb-resenas .r3 .gh .ok{margin-left:auto;font-size:12px;color:var(--mut)}
.hb-resenas .r3 .card{gap:var(--s4)}
.hb-resenas .r3 .pull small{display:block;margin-top:var(--s1);font-size:var(--t-label);font-weight:400;color:#3a3d20}
.hb-resenas .r3 .hl{display:flex;flex-direction:column;gap:var(--s1);margin:0;padding:var(--s3) 0 0;list-style:none;border-top:1px solid var(--line);font-size:var(--t-small)}
.hb-resenas .r3 .hl::before{content:'Lo que más destacan';font-size:var(--t-label);color:var(--mut);margin-bottom:2px}
.hb-resenas .r3 .hl li{display:flex;align-items:center;gap:var(--s1)}
.hb-resenas .r3 .hl li::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(208,220,85,.25)}
.hb-resenas .html[data-c="c2"] .r3 .gh .gi svg{width:18px;height:18px}
.hb-resenas .card .cta{justify-content:space-between}
.hb-resenas .cta,.hb-resenas .env button,.hb-resenas .bar a,.hb-resenas #sh .cta{transition:filter .3s}
@media (hover:hover) and (pointer:fine){.hb-resenas .cta:hover,.hb-resenas .env button:hover,.hb-resenas .bar a:hover,.hb-resenas #sh .cta:hover{filter:brightness(1.06)}}
.hb-resenas .cta i svg,.hb-resenas .env button i svg,.hb-resenas .bar a i svg,.hb-resenas #sh .cta i svg{transition:transform .6s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-resenas .cta:hover i svg,.hb-resenas .env button:hover i svg,.hb-resenas .bar a:hover i svg,.hb-resenas #sh .cta:hover i svg{transform:rotate(-45deg)}}
.hb-resenas .more svg{transition:transform .5s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-resenas .more:hover svg{transform:translateX(3px)}}/* ---- sobre ---- */
.hb-sobre{--forest:#0f3a2a;--ink:#f2f3f1;--mut:rgba(255,255,255,.7);--dim:rgba(255,255,255,.5);--acc:#4cc282;--lime:#d0dc55}
.hb-sobre *{box-sizing:border-box}
.hb-sobre a{color:inherit;text-decoration:none}
.hb-sobre .pv{display:none;position:relative;isolation:isolate;overflow:hidden;padding:var(--s-sec) max(116px,calc((100% - 1200px)/2))}
.hb-sobre .pv::before{content:'';position:absolute;z-index:-2;top:0;bottom:0;left:max(16px,calc(50% - 720px));right:max(16px,calc(50% - 720px));border-radius:36px;background:var(--forest) radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/18px 18px}
.hb-sobre .photo{position:absolute;z-index:-1;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse 58% 62% at 50% 44%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 58% 62% at 50% 44%,#000 55%,transparent 100%)}
.hb-sobre h2{margin:0;font-weight:600;font-size:var(--t-h2);line-height:1.1;letter-spacing:-.04em;text-wrap:balance}
.hb-sobre h2 .s{color:var(--dim)}
.hb-sobre .live{color:var(--lime);font-variant-numeric:tabular-nums}
.hb-sobre .bio{margin:0;font-size:var(--t-lead);line-height:1.65;color:var(--mut)}
.hb-sobre .bio b{color:#fff;font-weight:600}
.hb-sobre .press{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1) var(--s4);font-size:var(--t-small);color:var(--dim)}
.hb-sobre .press span{font-weight:600;font-size:var(--t-lead);color:rgba(255,255,255,.85);letter-spacing:-.01em}
.hb-sobre .more{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--t-body);font-weight:500;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}
.hb-sobre .more svg{width:15px;height:15px}
.hb-sobre .psi{display:flex;gap:var(--s4)}
.hb-sobre .psi li{display:flex;flex-direction:column;align-items:center;gap:var(--s1);list-style:none;font-size:var(--t-label);color:var(--mut);text-align:center}
.hb-sobre .psi ul{display:contents}
.hb-sobre .ring{position:relative;width:64px;height:64px}
.hb-sobre .ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.hb-sobre .ring circle{fill:none;stroke-width:4}
.hb-sobre .ring .bg{stroke:rgba(255,255,255,.14)}
.hb-sobre .ring .v{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--v))}
.hb-sobre .ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:19px;font-weight:600;color:#fff}
.hb-sobre .src{margin:0;font-size:var(--t-label);color:var(--dim)}
.hb-sobre .s1 .photo{left:max(16px,calc(50% - 720px));bottom:0;width:560px;height:560px}
.hb-sobre .s1 .grid{display:grid;grid-template-columns:420px minmax(0,1fr);gap:var(--s7);min-height:420px}
.hb-sobre .s1 .txt{grid-column:2;display:flex;flex-direction:column;gap:var(--s4);justify-content:center}
.hb-sobre .s1 .strip{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s4);border-radius:20px;background:rgba(255,255,255,.06)}
.hb-sobre .s2 .photo{right:max(16px,calc(50% - 720px));top:0;width:600px;height:600px}
.hb-sobre .s2 .txt{max-width:600px;display:flex;flex-direction:column;gap:var(--s4)}
.hb-sobre .s2 .card{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);margin-top:var(--s6);padding:var(--s4) var(--s4);border-radius:22px;background:#fff;color:#121412;max-width:760px}
.hb-sobre .s2 .card .ring .bg{stroke:#ececE8}
.hb-sobre .s2 .card .ring .v{stroke:var(--acc)}
.hb-sobre .s2 .card .ring b{color:#121412}
.hb-sobre .s2 .card .psi li{color:#5b5f59}
.hb-sobre .s2 .card .src{color:#8a8e88}
.hb-sobre .s2 .card h3{margin:0;font-size:var(--t-body);font-weight:600;letter-spacing:-.01em}
.hb-sobre .s2 .card h3 small{display:block;margin-top:4px;font-weight:400;font-size:var(--t-label);color:#8a8e88}
.hb-sobre .s3 .photo{right:max(16px,calc(50% - 720px));bottom:0;width:540px;height:540px}
.hb-sobre .s3 .grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:var(--s7)}
.hb-sobre .s3 .txt{display:flex;flex-direction:column;gap:var(--s4)}
.hb-sobre .s3 .dash{margin-top:var(--s1);border-radius:20px;background:#0a0b0a;padding:var(--s3);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.hb-sobre .s3 .dash .bar{display:flex;align-items:center;gap:6px;margin-bottom:18px;font-size:12px;color:var(--dim)}
.hb-sobre .s3 .dash .bar i{width:7px;height:7px;border-radius:50%;background:#2a2d2a}
.hb-sobre .s3 .dash .bar span{margin-left:8px}
.hb-sobre .s3 .dash .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s1);margin-top:var(--s3)}
.hb-sobre .s3 .dash .kpis div{padding:var(--s2) var(--s2);border-radius:12px;background:#141614;font-size:var(--t-label);color:var(--dim)}
.hb-sobre .s3 .dash .kpis b{display:block;margin-top:4px;font-size:var(--t-h3);font-weight:600;color:#fff;letter-spacing:-.02em}
.hb-sobre .s3 .dash .kpis .ok b{color:var(--lime)}
@media (max-width:1023px){.hb-sobre .pv{padding:var(--s7) var(--s4)}
.hb-sobre .pv::before{left:8px;right:8px;border-radius:24px}
.hb-sobre h2{font-size:var(--t-h3)}
.hb-sobre .s1 .grid,.hb-sobre .s3 .grid{grid-template-columns:1fr}
.hb-sobre .s1 .txt,.hb-sobre .s1 .strip{grid-column:1}
.hb-sobre .photo{position:relative;display:block;width:100%!important;height:auto!important;left:auto!important;right:auto!important;margin:-20px 0 -40px}
.hb-sobre .psi{gap:var(--s2);flex-wrap:wrap}
.hb-sobre .s1 .strip,.hb-sobre .s2 .card{flex-direction:column;align-items:flex-start}}
.hb-sobre .txt .more{align-self:flex-start}
.hb-sobre .photo{mix-blend-mode:normal!important;-webkit-mask-image:radial-gradient(ellipse 50% 54% at 50% 44%,#000 52%,transparent 100%)!important;mask-image:radial-gradient(ellipse 50% 54% at 50% 44%,#000 52%,transparent 100%)!important}
.hb-sobre .photo{mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important;top:auto!important;bottom:0!important}
.hb-sobre .s2 .photo{width:560px!important;height:560px!important}
.hb-sobre .s1 .photo{clip-path:inset(0 round 0 0 0 36px)}
.hb-sobre .s2 .photo,.hb-sobre .s3 .photo{clip-path:inset(0 round 0 0 36px 0)}
@media (max-width:1023px){.hb-sobre .photo{clip-path:none!important}}
.hb-sobre .s4 .photo2{position:absolute;z-index:-1;top:0;bottom:0;right:max(16px,calc(50% - 720px));width:min(46%,640px);height:100%;object-fit:cover;object-position:60% 30%;border-radius:0 36px 36px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}
.hb-sobre .s4 .txt{max-width:600px;display:flex;flex-direction:column;gap:var(--s4)}
.hb-sobre .s4 .card{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);margin-top:var(--s6);padding:var(--s4) var(--s4);border-radius:22px;background:#fff;color:#121412;max-width:760px}
.hb-sobre .s4 .card .ring .bg{stroke:#ececE8}
.hb-sobre .s4 .card .ring .v{stroke:var(--acc)}
.hb-sobre .s4 .card .ring b{color:#121412}
.hb-sobre .s4 .card .psi li{color:#5b5f59}
.hb-sobre .s4 .card h3{margin:0;font-size:var(--t-body);font-weight:600;letter-spacing:-.01em}
.hb-sobre .s4 .card h3 small{display:block;margin-top:4px;font-weight:400;font-size:var(--t-label);color:#8a8e88}
@media (max-width:1023px){.hb-sobre .s4 .photo2{position:relative;display:block;width:100%;height:320px;border-radius:16px;-webkit-mask-image:none;mask-image:none;margin-bottom:var(--s4)}}
.hb-sobre .dark::before{background:#070807 radial-gradient(#161916 1px,transparent 1px) 0 0/18px 18px}
.hb-sobre .dark .live{color:var(--lime)}
.hb-sobre .dark h2{font-size:var(--t-h2)}
.hb-sobre .dark .txt{display:flex;flex-direction:column;gap:var(--s4)}
.hb-sobre .dark .txt .more{align-self:flex-start}
.hb-sobre .dark .ph{display:block;width:100%;height:100%;object-fit:cover}
.hb-sobre .dark .pic{position:relative;overflow:hidden;border-radius:20px;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 55% 45%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 55% 45%,#000 55%,transparent 100%)}
.hb-sobre .dark .pcard{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);margin-top:var(--s6);padding:var(--s4) var(--s4);border-radius:22px;background:#fff;color:#121412}
.hb-sobre .dark .pcard .ring .bg{stroke:#ececE8}
.hb-sobre .dark .pcard .ring .v{stroke:var(--acc)}
.hb-sobre .dark .pcard .ring b{color:#121412}
.hb-sobre .dark .pcard .psi li{color:#5b5f59}
.hb-sobre .dark .pcard h3{margin:0;font-size:var(--t-body);font-weight:600}
.hb-sobre .dark .pcard h3 small{display:block;margin-top:4px;font-weight:400;font-size:var(--t-label);color:#8a8e88}
.hb-sobre .dark .dash{border-radius:20px;background:#111311;padding:var(--s4)}
.hb-sobre .dark .dash .bar{display:flex;align-items:center;gap:6px;margin-bottom:18px;font-size:12px;color:var(--dim)}
.hb-sobre .dark .dash .bar i{width:7px;height:7px;border-radius:50%;background:#2a2d2a}
.hb-sobre .dark .dash .bar span{margin-left:8px}
.hb-sobre .dark .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s1);margin-top:var(--s3)}
.hb-sobre .dark .kpis div{padding:var(--s2) var(--s2);border-radius:12px;background:#191b19;font-size:var(--t-label);color:var(--dim)}
.hb-sobre .dark .kpis b{display:block;margin-top:4px;font-size:var(--t-h3);font-weight:600;color:#fff;letter-spacing:-.02em}
.hb-sobre .dark .kpis .ok b{color:var(--lime)}
.hb-sobre .n1 .g,.hb-sobre .n4 .g{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--s7);align-items:center}
.hb-sobre .n1 .pic{height:440px}
.hb-sobre .n2 .top h2{max-width:860px}
.hb-sobre .n2 .g3{display:grid;grid-template-columns:300px minmax(0,1fr) 420px;gap:var(--s5);align-items:center;margin-top:var(--s6)}
.hb-sobre .n2 .pic{height:340px}
.hb-sobre .n2 .txt .bio{font-size:var(--t-body)}
.hb-sobre .n2 .src{margin-top:var(--s2)}
.hb-sobre .n3 .g{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:var(--s7);align-items:center}
.hb-sobre .n3 .me{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--s4);align-items:center}
.hb-sobre .n3 .me .pic{height:180px;border-radius:18px;-webkit-mask-image:none;mask-image:none}
.hb-sobre .n3 .me .ph{object-position:72% 30%}
.hb-sobre .n3 .me>div:last-child{display:flex;flex-direction:column;gap:var(--s3)}
.hb-sobre .n4 .pic{height:460px;border-radius:0;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
.hb-sobre .n4 .ph.real{object-fit:contain;object-position:bottom}
@media (max-width:1023px){.hb-sobre .n1 .g,.hb-sobre .n2 .g3,.hb-sobre .n3 .g,.hb-sobre .n4 .g,.hb-sobre .n3 .me{grid-template-columns:1fr;gap:var(--s4)}
.hb-sobre .n1 .pic,.hb-sobre .n2 .pic,.hb-sobre .n4 .pic{height:300px}
.hb-sobre .dark .pcard{flex-direction:column;align-items:flex-start}}
.hb-sobre .n1{padding-top:var(--s7);padding-bottom:var(--s7)}
.hb-sobre .n1 .g{grid-template-columns:minmax(0,640px);gap:0}
.hb-sobre .n1 .txt{gap:var(--s3)}
.hb-sobre .n1 h2{font-size:var(--t-h2)}
.hb-sobre .n1 .pic{position:absolute;z-index:-1;top:0;bottom:0;right:max(16px,calc(50% - 720px));width:min(44%,620px);height:auto;border-radius:0 36px 36px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%);mask-image:linear-gradient(90deg,transparent,#000 42%)}
.hb-sobre .n1 .pic .ph{object-position:65% 30%}
.hb-sobre .n1 .pcard{max-width:640px;margin-top:var(--s5);padding:var(--s3) var(--s4)}
.hb-sobre .n1 .pcard .ring{width:56px;height:56px}
.hb-sobre .n1 .pcard .ring b{font-size:17px}
@media (max-width:1023px){.hb-sobre .n1 .pic{position:relative;width:100%;height:300px;border-radius:16px;-webkit-mask-image:none;mask-image:none;margin-top:var(--s4)}}
.hb-sobre .n1 .pcard h3{white-space:nowrap}
.hb-sobre .n1 .pcard .psi{gap:var(--s4)}
.hb-sobre .n1 .pcard .psi li{white-space:nowrap}
.hb-sobre .n1 .pcard{max-width:none;width:min(100%,760px);gap:var(--s4)}
.hb-sobre .n1 .pcard .psi{gap:var(--s3);flex:0 0 auto}
.hb-sobre .n1 .pcard h3{white-space:normal;flex:1;min-width:0}
.hb-sobre .n4{padding-top:var(--s7);padding-bottom:var(--s7)}
.hb-sobre .n4 h2{font-size:var(--t-h2)}
.hb-sobre .n4 .txt{gap:var(--s3)}
.hb-sobre .n4 .g{grid-template-columns:minmax(0,640px) 1fr;gap:var(--s5);align-items:end}
.hb-sobre .n4 .pic{position:absolute;z-index:-1;bottom:0;right:calc(max(16px,calc(50% - 720px)) + 60px);width:440px;height:440px;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
.hb-sobre .n4 .pcard{width:min(100%,760px);margin-top:var(--s5);padding:var(--s3) var(--s4);gap:var(--s4)}
.hb-sobre .n4 .pcard .ring{width:56px;height:56px}
.hb-sobre .n4 .pcard .ring b{font-size:17px}
.hb-sobre .n4 .pcard .psi{gap:var(--s3);flex:0 0 auto}
.hb-sobre .n4 .pcard .psi li{white-space:nowrap}
.hb-sobre .n4 .pcard h3{flex:1;min-width:0}
@media (max-width:1023px){.hb-sobre .n4 .pic{position:relative;right:auto;width:100%;height:320px}}
.hb-sobre .m1{display:block}
.hb-sobre .m1,.hb-sobre .m2,.hb-sobre .m3{padding-top:var(--s7);padding-bottom:var(--s7)}
.hb-sobre .m1 h2,.hb-sobre .m2 h2,.hb-sobre .m3 h2{font-size:var(--t-h2)}
.hb-sobre .m1 .live2,.hb-sobre .m2 .live2,.hb-sobre .m3 .live2{color:#fff}
.hb-sobre .m1 .ring .v,.hb-sobre .m2 .ring .v,.hb-sobre .m3 .ring .v{stroke:var(--acc)}
.hb-sobre .m1 .ring .bg,.hb-sobre .m2 .ring .bg,.hb-sobre .m3 .ring .bg{stroke:rgba(255,255,255,.12)}
.hb-sobre .dpanel{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) var(--s4);border-radius:20px;background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hb-sobre .dpanel .dh span{display:block;font-size:var(--t-body);color:var(--mut)}
.hb-sobre .dpanel .dh b{color:#fff;font-weight:600}
.hb-sobre .dpanel .dh small{display:block;margin-top:4px;font-size:var(--t-label);color:var(--dim)}
.hb-sobre .dpanel .psi{gap:var(--s3);flex:0 0 auto}
.hb-sobre .dpanel .psi li{white-space:nowrap}
.hb-sobre .dpanel .ring{width:56px;height:56px}
.hb-sobre .dpanel .ring b{font-size:17px}
.hb-sobre .m1 .col{max-width:660px;display:flex;flex-direction:column;gap:var(--s5)}
.hb-sobre .m1 .txt{gap:var(--s3)}
.hb-sobre .m1 .pic{position:absolute;z-index:-1;top:0;bottom:0;right:max(16px,calc(50% - 720px));width:min(46%,640px);border-radius:0 36px 36px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%);mask-image:linear-gradient(90deg,transparent,#000 42%)}
.hb-sobre .m1 .pic .ph{object-position:65% 30%}
.hb-sobre .m2 .top{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--s7);align-items:end}
.hb-sobre .m2 .side{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);padding-bottom:var(--s1)}
.hb-sobre .m2 .side .press{flex-direction:column;align-items:flex-start;gap:var(--s1)}
.hb-sobre .m2 .side .press span{font-size:var(--t-lead)}
.hb-sobre .m2 .side .press>span{display:inline}
.hb-sobre .m2 .g3{display:grid;grid-template-columns:300px minmax(0,1fr) 420px;gap:var(--s5);align-items:center;margin-top:var(--s5)}
.hb-sobre .m2 .pic{height:300px}
.hb-sobre .m2 .bio{font-size:var(--t-body)}
.hb-sobre .m2 .dash{background:rgba(255,255,255,.05)}
.hb-sobre .m2 .kpis div{background:rgba(255,255,255,.05)}
.hb-sobre .m2 .kpis .ok b{color:var(--lime)}
.hb-sobre .m2 .kpis b{color:#fff}
.hb-sobre .m3{min-height:560px}
.hb-sobre .m3 .col{max-width:600px}
.hb-sobre .m3 .txt{gap:var(--s3)}
.hb-sobre .m3 .pic{position:absolute;z-index:-1;bottom:0;right:calc(max(16px,calc(50% - 720px)) + 40px);width:520px;height:520px;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
.hb-sobre .m3 .ph.real{object-fit:contain;object-position:bottom}
.hb-sobre .m3 .float{position:absolute;right:calc(max(16px,calc(50% - 720px)) + 380px);bottom:64px;width:440px}
.hb-sobre .m3 .float .dpanel{flex-direction:column;align-items:flex-start;gap:var(--s3);background:#111311;box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
@media (max-width:1023px){.hb-sobre .m1 .pic,.hb-sobre .m3 .pic{position:relative;right:auto;width:100%;height:300px;border-radius:16px;-webkit-mask-image:none;mask-image:none}
.hb-sobre .m2 .top,.hb-sobre .m2 .g3{grid-template-columns:1fr;gap:var(--s4)}
.hb-sobre .m3 .float{position:static;width:auto;margin-top:var(--s4)}
.hb-sobre .dpanel{flex-direction:column;align-items:flex-start}}
.hb-sobre .m3 .float{right:calc(max(16px,calc(50% - 720px)) + 440px);bottom:56px}
.hb-sobre .m2 .dash .psi li{white-space:nowrap}
.hb-sobre .m2 .dash .psi{gap:var(--s3)}
.hb-sobre .m1 .pic{top:auto;bottom:0;height:80%;width:min(37%,512px);border-radius:0 0 36px 0;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%),linear-gradient(180deg,transparent,#000 30%);-webkit-mask-composite:source-in;
mask-image:linear-gradient(90deg,transparent,#000 42%),linear-gradient(180deg,transparent,#000 30%);mask-composite:intersect}
.hb-sobre .m1 .pic .ph{object-position:70% 20%}
.hb-sobre .m1 .pic{height:90%;width:min(41.6%,576px)}
.hb-sobre .m1 .tr{position:absolute;top:72px;right:calc(max(16px,calc(50% - 720px)) + 56px);text-align:right}
.hb-sobre .m1 .tr .press{flex-direction:column;align-items:flex-end;gap:var(--s1)}
.hb-sobre .m1 .tr .press small{margin-bottom:2px}
.hb-sobre .m1 .tr .press span{font-size:var(--t-lead)}
@media (max-width:1023px){.hb-sobre .m1 .tr{position:static;text-align:left;margin-bottom:var(--s3)}
.hb-sobre .m1 .tr .press{align-items:flex-start}}
.hb-sobre .m1 .tr{top:64px}
.hb-sobre .m1 .tr .press{flex-direction:row;align-items:center;gap:var(--s3)}
.hb-sobre .m1 .tr .press small{margin:0}
.hb-sobre .m1 .tr{display:flex;align-items:center;gap:var(--s4)}
.hb-sobre .m1 .tr .li{display:inline-flex;align-items:center;gap:var(--s1);height:36px;padding:0 var(--s2);border-radius:10px;background:rgba(255,255,255,.08);font-size:var(--t-small);font-weight:500;color:#fff;transition:background .3s}
@media (hover:hover) and (pointer:fine){.hb-sobre .m1 .tr .li:hover{background:#0a66c2}}
.hb-sobre .m1 .tr .li svg{width:15px;height:15px}
@media (max-width:1023px){.hb-sobre .m1 .tr{flex-wrap:wrap}}
.hb-sobre .m1 .tr .l1,.hb-sobre .m1 .tr .l2,.hb-sobre .m1 .tr .l3{display:none}
.hb-sobre .m1 .tr .l1{display:inline-flex}
.hb-sobre .m1 .tr .l1{align-items:center;gap:var(--s1);height:42px;padding:0 var(--s3);border-radius:11px;background:#0a66c2;color:#fff;font-size:var(--t-body);font-weight:600;transition:filter .3s}
@media (hover:hover) and (pointer:fine){.hb-sobre .m1 .tr .l1:hover{filter:brightness(1.1)}}
.hb-sobre .m1 .tr .l1 svg{width:16px;height:16px}
.hb-sobre .m1 .tr .l2{align-items:center;gap:var(--s2);padding:var(--s1) var(--s3) var(--s1) var(--s1);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;transition:background .3s}
@media (hover:hover) and (pointer:fine){.hb-sobre .m1 .tr .l2:hover{background:rgba(255,255,255,.1)}}
.hb-sobre .m1 .tr .l2 b{display:block;font-size:var(--t-small);font-weight:600}
.hb-sobre .m1 .tr .l2 small{display:block;margin-top:2px;font-size:var(--t-label);color:var(--dim)}
.hb-sobre .m1 .tr .sq{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#0a66c2;color:#fff}
.hb-sobre .m1 .tr .sq svg{width:17px;height:17px}
.hb-sobre .m1 .tr .l3{align-items:center;gap:var(--s2);font-size:var(--t-body);font-weight:500;color:#fff}
.hb-sobre .m1 .tr .l3 span:first-child{padding-bottom:2px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}
.hb-sobre .m1 .tr .l3 .sq{width:34px;height:34px;border-radius:8px}
.hb-sobre .m1 .tr{right:max(116px,calc((100% - 1200px)/2));top:72px}
.hb-sobre .m1 .tr .l1 em{font-style:normal;font-weight:500;padding-left:var(--s2);margin-left:3px;border-left:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.9)}
.hb-sobre .m1 .tr .l1{background:#0a4f96!important}
.hb-sobre .cta,.hb-sobre .env button,.hb-sobre .bar a,.hb-sobre #sh .cta{transition:filter .3s}
@media (hover:hover) and (pointer:fine){.hb-sobre .cta:hover,.hb-sobre .env button:hover,.hb-sobre .bar a:hover,.hb-sobre #sh .cta:hover{filter:brightness(1.06)}}
.hb-sobre .cta i svg,.hb-sobre .env button i svg,.hb-sobre .bar a i svg,.hb-sobre #sh .cta i svg{transition:transform .6s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-sobre .cta:hover i svg,.hb-sobre .env button:hover i svg,.hb-sobre .bar a:hover i svg,.hb-sobre #sh .cta:hover i svg{transform:rotate(-45deg)}}
.hb-sobre .more svg{transition:transform .5s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-sobre .more:hover svg{transform:translateX(3px)}}/* ---- faq ---- */
.hb-faq{--ink:#121412;--mut:#5b5f59;--dim:#8a8e88;--acc:#4cc282;--accd:#17824a;--lime:#d0dc55;--line:#e3e3de}
.hb-faq *{box-sizing:border-box}
.hb-faq a{color:inherit;text-decoration:none}
.hb-faq .pv{display:none;padding:var(--s-sec) max(28px,calc((100% - 1200px)/2))}
.hb-faq .f1{display:block}
.hb-faq h2{margin:0;font-weight:600;font-size:var(--t-h2);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.hb-faq .lead{margin:var(--s2) 0 0;font-size:var(--t-body);line-height:1.65;color:var(--mut);max-width:400px}
.hb-faq .more{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--t-body);font-weight:500;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}
.hb-faq .more svg{width:15px;height:15px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-faq .more:hover svg{transform:translateX(3px)}}
.hb-faq .cta{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s2);height:50px;padding:0 var(--s1) 0 var(--s3);border-radius:12px;background:var(--acc);color:#06140c;font-weight:600;font-size:var(--t-body);transition:filter .3s}
@media (hover:hover) and (pointer:fine){.hb-faq .cta:hover{filter:brightness(1.06)}}
.hb-faq .cta i{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#07150d;color:var(--acc)}
.hb-faq .cta svg{width:16px;height:16px;transition:transform .6s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-faq .cta:hover i svg{transform:rotate(-45deg)}}
.hb-faq .search{display:flex;align-items:center;gap:var(--s2);height:54px;padding:0 var(--s3);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 16px 36px -28px rgba(18,20,18,.3)}
.hb-faq .search svg{width:19px;height:19px;color:var(--dim);flex:0 0 auto}
.hb-faq .search input{flex:1;min-width:0;border:0;background:transparent;font:15px Geist,sans-serif;color:var(--ink);outline:0}
.hb-faq .qs details{border-bottom:1px solid var(--line)}
.hb-faq .qs summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) 4px;cursor:pointer;list-style:none;font-size:var(--t-lead);font-weight:600;letter-spacing:-.015em}
.hb-faq .qs summary::-webkit-details-marker{display:none}
.hb-faq .qs summary i{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:#f0f0ed;font-style:normal;font-size:var(--t-lead);font-weight:400;color:var(--mut);transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s,color .3s}
.hb-faq .qs details[open] summary i{transform:rotate(45deg);background:var(--lime);color:#1a1c10}
.hb-faq .qs .a{padding:0 var(--s6) var(--s4) 4px;font-size:var(--t-body);line-height:1.65;color:var(--mut)}
.hb-faq .qs .a a{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:3px}
.hb-faq .none{display:none;padding:var(--s4);border-radius:16px;background:#fff;margin-top:var(--s2)}
.hb-faq .none.on{display:block}
.hb-faq .none b{display:block;font-size:var(--t-lead)}
.hb-faq .none p{margin:var(--s1) 0 var(--s3);color:var(--mut);font-size:var(--t-body)}
.hb-faq .f1 .g{display:grid;grid-template-columns:400px minmax(0,1fr);gap:var(--s7);align-items:start}
.hb-faq .f1 .side{position:relative}
.hb-faq .f1 .help{margin-top:var(--s5);padding:var(--s4);border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 16px 36px -28px rgba(18,20,18,.3)}
.hb-faq .f1 .help b{display:block;font-size:var(--t-lead);font-weight:600}
.hb-faq .f1 .help p{margin:var(--s1) 0 var(--s3);font-size:var(--t-small);line-height:1.55;color:var(--mut)}
.hb-faq .f1 .help .cta{width:100%}
.hb-faq .f1 .qs{border-top:1px solid var(--line)}
.hb-faq .f2 .head{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--s7);align-items:end}
.hb-faq .f2 .head .lead{margin:0}
.hb-faq .f2 .search{margin-top:var(--s5)}
.hb-faq .f2 .cols{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s6);margin-top:var(--s3)}
.hb-faq .f2 .cols .qs{border-top:1px solid var(--line)}
.hb-faq .f2 .foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-top:var(--s4);font-size:var(--t-body);color:var(--mut)}
.hb-faq .f3 .head{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--s7);align-items:end}
.hb-faq .f3 .head .lead{margin:0}
.hb-faq .f3 .g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--s4);margin-top:var(--s6);align-items:stretch}
.hb-faq .f3 .list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.hb-faq .f3 .list button{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) 4px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font:600 16px Geist,sans-serif;letter-spacing:-.01em;color:var(--dim);cursor:pointer;transition:color .3s,padding .4s cubic-bezier(.16,1,.3,1)}
.hb-faq .f3 .list button svg{width:16px;height:16px;opacity:0;transition:opacity .3s}
@media (hover:hover) and (pointer:fine){.hb-faq .f3 .list button:hover{color:var(--ink)}}
.hb-faq .f3 .list button.on{color:var(--ink);padding-left:var(--s2)}
.hb-faq .f3 .list button.on svg{opacity:1;color:var(--accd)}
.hb-faq .f3 .card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--s4);padding:var(--s5);border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(18,20,18,.04),0 24px 50px -36px rgba(18,20,18,.3)}
.hb-faq .f3 .card .tag{display:inline-block;align-self:flex-start;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--lime);color:#1a1c10;letter-spacing:.02em}
.hb-faq .f3 .card h3{margin:var(--s2) 0 0;font-weight:600;font-size:var(--t-h3);letter-spacing:-.035em;line-height:1.15}
.hb-faq .f3 .card p{margin:var(--s2) 0 0;font-size:var(--t-lead);line-height:1.7;color:var(--mut)}
.hb-faq .f3 .card p a{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:3px}
.hb-faq .f3 .card .bot{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line);font-size:var(--t-small);color:var(--mut)}
@media (max-width:1023px){.hb-faq .pv{padding:var(--s7) var(--s3)}
.hb-faq h2{font-size:var(--t-h2)}
.hb-faq .f1 .g,.hb-faq .f2 .head,.hb-faq .f2 .cols,.hb-faq .f3 .head,.hb-faq .f3 .g{grid-template-columns:1fr;gap:var(--s4)}}
.hb-faq .qs summary i{position:relative;transform:none!important;font-size:0}
.hb-faq .qs summary i::before,.hb-faq .qs summary i::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.75px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.hb-faq .qs summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.hb-faq .qs details[open] summary i::before{transform:translate(-50%,-50%) rotate(45deg)}
.hb-faq .qs details[open] summary i::after{transform:translate(-50%,-50%) rotate(135deg)}
.hb-faq .qs .a{overflow:hidden}
.hb-faq .qs details.is-open summary i{background:var(--lime);color:#1a1c10}
.hb-faq .qs details:not(.is-open) summary i{background:#f0f0ed;color:var(--mut)}
.hb-faq .qs details.is-open summary i::before{transform:translate(-50%,-50%) rotate(45deg)}
.hb-faq .qs details.is-open summary i::after{transform:translate(-50%,-50%) rotate(135deg)}
.hb-faq .qs details:not(.is-open) summary i::before{transform:translate(-50%,-50%)}
.hb-faq .qs details:not(.is-open) summary i::after{transform:translate(-50%,-50%) rotate(90deg)}/* ---- contacto ---- */
.hb-contacto{--ink:#121412;--mut:#5b5f59;--dim:#8a8e88;--acc:#4cc282;--accd:#17824a;--lime:#d0dc55;--forest:#0f3a2a;--line:#e3e3de}
.hb-contacto *{box-sizing:border-box}
.hb-contacto a{color:inherit;text-decoration:none}
.hb-contacto .pv{display:none;position:relative;isolation:isolate;padding:var(--s-sec) max(116px,calc((100% - 1200px)/2))}
.hb-contacto .isla::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:max(16px,calc(50% - 720px));right:max(16px,calc(50% - 720px));border-radius:36px;background:var(--forest) radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/18px 18px}
.hb-contacto .isla{color:#fff}
.hb-contacto h2{margin:0;font-weight:600;font-size:var(--t-h2);line-height:1.04;letter-spacing:-.045em}
.hb-contacto .lead{margin:var(--s2) 0 0;font-size:var(--t-body);line-height:1.65;color:var(--mut);max-width:440px}
.hb-contacto .isla .lead{color:rgba(255,255,255,.75)}
.hb-contacto .st{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500}
.hb-contacto .st i{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px rgba(76,194,130,.2)}
.hb-contacto .st.off i{background:#8a8e88;box-shadow:none}
.hb-contacto .ch{list-style:none;margin:0;padding:0}
.hb-contacto .ch a,.hb-contacto .ch .row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:var(--s3);padding:var(--s3) 4px;border-bottom:1px solid var(--line)}
.hb-contacto .isla .ch a,.hb-contacto .isla .ch .row{border-bottom-color:rgba(255,255,255,.12)}
.hb-contacto .ch .ic{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#f0f0ed;color:var(--ink)}
.hb-contacto .isla .ch .ic{background:rgba(255,255,255,.08);color:#fff}
.hb-contacto .ch .ic svg{width:19px;height:19px}
.hb-contacto .ch .ic.wa{background:var(--acc);color:#06140c}
.hb-contacto .ch b{display:block;font-size:var(--t-lead);font-weight:600}
.hb-contacto .ch small{display:block;margin-top:2px;font-size:var(--t-small);color:var(--mut)}
.hb-contacto .isla .ch small{color:rgba(255,255,255,.62)}
.hb-contacto .ch .go{width:16px;height:16px;color:var(--dim);transition:transform .5s cubic-bezier(.16,1,.3,1),color .3s}
@media (hover:hover) and (pointer:fine){.hb-contacto .ch a:hover .go{transform:translateX(3px);color:var(--acc)}}
.hb-contacto .form{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(18,20,18,.04),0 24px 50px -36px rgba(18,20,18,.35)}
.hb-contacto .form h3{margin:0 0 4px;font-weight:600;font-size:var(--t-h3);letter-spacing:-.03em}
.hb-contacto .form .two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.hb-contacto .form label{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--t-small);font-weight:500;color:var(--mut)}
.hb-contacto .form input,.hb-contacto .form select,.hb-contacto .form textarea{width:100%;border:0;border-radius:12px;background:#f0f0ed;padding:var(--s2) var(--s3);font:15px Geist,sans-serif;color:var(--ink);outline:0;transition:background .25s}
.hb-contacto .form input:focus,.hb-contacto .form select:focus,.hb-contacto .form textarea:focus{background:#e8e8e3}
.hb-contacto .form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235b5f59' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:var(--s5)}
.hb-contacto .form textarea{resize:vertical;min-height:110px}
.hb-contacto .form .legal{flex-direction:row;align-items:center;gap:var(--s1);font-weight:400}
.hb-contacto .form .legal input{width:18px;height:18px;padding:0;accent-color:var(--accd)}
.hb-contacto .form .legal a{color:var(--ink);text-decoration:underline}
.hb-contacto .form .send{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:4px}
.hb-contacto .form .send small{font-size:var(--t-small);color:var(--mut)}
.hb-contacto .cta{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s2);height:52px;padding:0 var(--s1) 0 var(--s4);border:0;border-radius:12px;background:var(--acc);color:#06140c;font:600 15px Geist,sans-serif;cursor:pointer;transition:filter .3s}
@media (hover:hover) and (pointer:fine){.hb-contacto .cta:hover{filter:brightness(1.06)}}
.hb-contacto .cta i{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#07150d;color:var(--acc)}
.hb-contacto .cta svg{width:16px;height:16px;transition:transform .6s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){.hb-contacto .cta:hover i svg{transform:rotate(-45deg)}}
.hb-contacto .chips{display:flex;flex-wrap:wrap;gap:var(--s1)}
.hb-contacto .chips label{cursor:pointer;flex-direction:row}
.hb-contacto .chips input{position:absolute;opacity:0;pointer-events:none}
.hb-contacto .chips span{display:inline-block;padding:var(--s1) var(--s2);border-radius:10px;background:#f0f0ed;font-size:var(--t-small);font-weight:500;color:var(--mut);transition:background .25s,color .25s}
.hb-contacto .chips input:checked+span{background:var(--ink);color:#fff}
.hb-contacto .k1 .g{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:var(--s7);align-items:start}
.hb-contacto .k1 .ch{margin-top:var(--s5);border-top:1px solid rgba(255,255,255,.12)}
.hb-contacto .k1 .st{margin-top:24px}
.hb-contacto .k2 .head{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--s7);align-items:end}
.hb-contacto .k2 .head .lead{margin:0}
.hb-contacto .k2 .g{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--s4);margin-top:var(--s6);align-items:stretch}
.hb-contacto .k2 .side{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s4);padding:var(--s4);border-radius:24px;background:var(--forest) radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/18px 18px;color:#fff}
.hb-contacto .k2 .side .ch a,.hb-contacto .k2 .side .ch .row{border-bottom-color:rgba(255,255,255,.12)}
.hb-contacto .k2 .side .ch .ic{background:rgba(255,255,255,.08);color:#fff}
.hb-contacto .k2 .side .ch .ic.wa{background:var(--acc);color:#06140c}
.hb-contacto .k2 .side .ch small{color:rgba(255,255,255,.62)}
.hb-contacto .k2 .side h3{margin:0;font-size:var(--t-h3);font-weight:600;letter-spacing:-.02em}
.hb-contacto .k3 .g{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:var(--s7);align-items:center}
.hb-contacto .k3 h2{font-size:var(--t-big)}
.hb-contacto .k3 .quick{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s5)}
.hb-contacto .k3 .quick a{display:inline-flex;align-items:center;gap:var(--s1);height:48px;padding:0 var(--s3);border-radius:12px;background:rgba(255,255,255,.08);font-size:var(--t-body);font-weight:500;transition:background .3s}
@media (hover:hover) and (pointer:fine){.hb-contacto .k3 .quick a:hover{background:rgba(255,255,255,.14)}}
.hb-contacto .k3 .quick a svg{width:17px;height:17px}
.hb-contacto .k3 .quick a.wa{background:var(--acc);color:#06140c}
.hb-contacto .k3 .st{margin-top:22px}
.hb-contacto .k3 .form .step{font-size:var(--t-label);color:var(--dim)}
@media (max-width:1023px){.hb-contacto .pv{padding:var(--s7) var(--s4)}
.hb-contacto .isla::before{left:8px;right:8px;border-radius:24px}
.hb-contacto h2,.hb-contacto .k3 h2{font-size:var(--t-h2)}
.hb-contacto .k1 .g,.hb-contacto .k2 .head,.hb-contacto .k2 .g,.hb-contacto .k3 .g,.hb-contacto .form .two{grid-template-columns:1fr;gap:var(--s4)}
.hb-contacto .form .send{flex-direction:column;align-items:stretch}}
.hb-contacto .v2b{display:block}
.hb-contacto .k2 .g{align-items:stretch}
.hb-contacto .me{display:flex;align-items:center;gap:var(--s2);padding-bottom:var(--s3);margin-bottom:var(--s1);border-bottom:1px solid rgba(255,255,255,.12)}
.hb-contacto .me img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 20%;background:#0a0b0a;box-shadow:0 0 0 2px var(--acc)}
.hb-contacto .me b{display:block;font-size:var(--t-lead);font-weight:600}
.hb-contacto .me small{display:block;margin-top:2px;font-size:var(--t-small);color:rgba(255,255,255,.65)}
.hb-contacto .side .st i{background:var(--lime);box-shadow:0 0 0 4px rgba(208,220,85,.22)}
.hb-contacto .lab{font-size:var(--t-small);font-weight:500;color:var(--mut)}
.hb-contacto .form .chips{margin-top:-6px}
.hb-contacto .form .chips label{flex-direction:row;font-size:var(--t-small)}
.hb-contacto .form .chips input:checked+span{background:var(--acc);color:#06140c;font-weight:600}
.hb-contacto .q{margin:0;padding:var(--s3) var(--s3);border-radius:16px;background:rgba(255,255,255,.06)}
.hb-contacto .q blockquote{margin:0;font-size:var(--t-body);line-height:1.5;color:#fff}
.hb-contacto .q figcaption{margin-top:var(--s1);font-size:var(--t-label);color:rgba(255,255,255,.62)}
.hb-contacto .q .stars{color:var(--lime);letter-spacing:1px;margin-right:4px}
.hb-contacto .form.dark{background:var(--forest) radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/18px 18px;color:#fff;box-shadow:0 24px 50px -36px rgba(15,58,42,.6)}
.hb-contacto .form.dark label,.hb-contacto .form.dark .lab,.hb-contacto .form.dark .send small{color:rgba(255,255,255,.7)}
.hb-contacto .form.dark input,.hb-contacto .form.dark textarea{background:rgba(255,255,255,.09);color:#fff}
.hb-contacto .form.dark input::placeholder,.hb-contacto .form.dark textarea::placeholder{color:rgba(255,255,255,.45)}
.hb-contacto .form.dark input:focus,.hb-contacto .form.dark textarea:focus{background:rgba(255,255,255,.14)}
.hb-contacto .form.dark .chips span{background:rgba(255,255,255,.09);color:rgba(255,255,255,.8)}
.hb-contacto .form.dark .legal a{color:#fff}
.hb-contacto .side.light{background:#fff!important;color:var(--ink);box-shadow:0 1px 2px rgba(18,20,18,.04),0 24px 50px -36px rgba(18,20,18,.35)}
.hb-contacto .side.light .me{border-bottom-color:var(--line)}
.hb-contacto .side.light .me small{color:var(--mut)}
.hb-contacto .k2 .side.light .ch a,.hb-contacto .k2 .side.light .ch .row{border-bottom-color:var(--line)}
.hb-contacto .k2 .side.light .ch .ic{background:#f0f0ed;color:var(--ink)}
.hb-contacto .k2 .side.light .ch .ic.wa{background:var(--acc);color:#06140c}
.hb-contacto .k2 .side.light .ch small{color:var(--mut)}
.hb-contacto .k2{padding-top:var(--s1)}/* ---- pie ---- */
.hb-pie{--ink:#121412;--mut:#5b5f59;--dim:#8a8e88;--acc:#4cc282;--accd:#17824a;--lime:#d0dc55;--forest:#0f3a2a;--line:#e3e3de}
.hb-pie *{box-sizing:border-box}
.hb-pie a{color:inherit;text-decoration:none}
.hb-pie .pv{display:none;position:relative;isolation:isolate;padding:var(--s7) max(116px,calc((100% - 1200px)/2)) var(--s4)}
.hb-pie .top{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--s7);padding-bottom:var(--s6)}
.hb-pie .logo{height:34px;display:block}
.hb-pie .brand p{margin:var(--s3) 0 0;font-size:var(--t-body);line-height:1.6;max-width:320px}
.hb-pie .ct{list-style:none;margin:var(--s4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s1);font-size:var(--t-body);font-weight:500}
.hb-pie .ct a{display:inline-flex;align-items:center;gap:var(--s1);transition:color .3s}
.hb-pie .ct svg{width:15px;height:15px;color:var(--acc)}
.hb-pie .ct .st{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:400}
.hb-pie .ct .st i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(208,220,85,.22)}
.hb-pie .ct .st.off i{background:#8a8e88;box-shadow:none}
.hb-pie .li{display:inline-flex;align-items:center;gap:var(--s1);margin-top:var(--s4);height:38px;padding:0 var(--s2);border-radius:10px;background:#0a4f96;color:#fff;font-size:var(--t-small);font-weight:500;transition:filter .3s}
@media (hover:hover) and (pointer:fine){.hb-pie .li:hover{filter:brightness(1.15)}}
.hb-pie .li svg{width:14px;height:14px}
.hb-pie .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.hb-pie .cols h3{margin:0 0 var(--s2);font-size:var(--t-small);font-weight:600;letter-spacing:.01em}
.hb-pie .cols .h2b{margin-top:var(--s4)}
.hb-pie .cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s1)}
.hb-pie .cols a{font-size:var(--t-body);transition:color .3s}
.hb-pie .bot{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-top:var(--s4);font-size:var(--t-small)}
.hb-pie .leg{display:flex;gap:var(--s3)}
.hb-pie .leg a{transition:color .3s}
.hb-pie .theme{display:inline-flex;align-items:center;gap:2px;padding:4px 4px 4px var(--s2);border-radius:999px;background:#1a1c1a;font-size:var(--t-label);color:#9a9e98}
.hb-pie .theme small{margin-right:6px;font-size:var(--t-label)}
.hb-pie .theme button{border:0;border-radius:999px;padding:var(--s1) var(--s2);background:transparent;color:#c9ccc7;font:500 12.5px Geist,sans-serif;cursor:pointer}
.hb-pie .theme button.on{background:var(--acc);color:#06140c;font-weight:600}
.hb-pie .dark::before{content:'';position:absolute;z-index:-1;inset:0;border-radius:40px 40px 0 0;background:#070807 radial-gradient(#161916 1px,transparent 1px) 0 0/18px 18px}
.hb-pie .dark,.hb-pie .forest{color:#e9ebe8}
.hb-pie .dark .brand p,.hb-pie .forest .brand p{color:rgba(255,255,255,.62)}
.hb-pie .dark .cols h3,.hb-pie .forest .cols h3{color:#fff}
.hb-pie .dark .cols a,.hb-pie .forest .cols a{color:rgba(255,255,255,.66)}
@media (hover:hover) and (pointer:fine){.hb-pie .dark .cols a:hover,.hb-pie .forest .cols a:hover,.hb-pie .dark .ct a:hover,.hb-pie .forest .ct a:hover{color:var(--acc)}}
.hb-pie .dark .bot,.hb-pie .forest .bot{border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5)}
@media (hover:hover) and (pointer:fine){.hb-pie .dark .leg a:hover,.hb-pie .forest .leg a:hover{color:#fff}}
.hb-pie .dark .ct .st,.hb-pie .forest .ct .st{color:rgba(255,255,255,.62)}
.hb-pie .forest{margin-bottom:var(--s3)}
.hb-pie .forest::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:max(16px,calc(50% - 720px));right:max(16px,calc(50% - 720px));border-radius:36px;background:var(--forest) radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/18px 18px}
.hb-pie .forest .theme{background:rgba(0,0,0,.25)}
.hb-pie .light::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:0;height:1px;background:var(--line)}
.hb-pie .light .brand p{color:var(--mut)}
.hb-pie .light .cols h3{color:var(--ink)}
.hb-pie .light .cols a{color:var(--mut)}
@media (hover:hover) and (pointer:fine){.hb-pie .light .cols a:hover,.hb-pie .light .ct a:hover{color:var(--accd)}}
.hb-pie .light .ct .st{color:var(--mut)}
.hb-pie .light .bot{border-top:1px solid var(--line);color:var(--dim)}
@media (hover:hover) and (pointer:fine){.hb-pie .light .leg a:hover{color:var(--ink)}}
@media (max-width:1023px){.hb-pie .pv{padding:var(--s6) var(--s4) var(--s4)}
.hb-pie .top,.hb-pie .cols{grid-template-columns:1fr;gap:var(--s5)}
.hb-pie .bot{flex-direction:column;align-items:flex-start}
.hb-pie .leg{flex-wrap:wrap}
.hb-pie .dark::before{border-radius:28px 28px 0 0}
.hb-pie .forest::before{left:8px;right:8px;border-radius:24px}}
.hb-pie .n1{display:block}
.hb-pie .n1::before{content:'';position:absolute;z-index:-1;inset:0;border-radius:40px 40px 0 0;background:#070807 radial-gradient(#161916 1px,transparent 1px) 0 0/18px 18px}
.hb-pie .n2{margin-bottom:var(--s3)}
.hb-pie .n2::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:max(16px,calc(50% - 720px));right:max(16px,calc(50% - 720px));border-radius:36px;background:#070807 radial-gradient(#161916 1px,transparent 1px) 0 0/18px 18px}
.hb-pie .n3::before{content:'';position:absolute;z-index:-1;inset:0;border-radius:40px 40px 0 0;background:#070807 radial-gradient(#161916 1px,transparent 1px) 0 0/18px 18px}
.hb-pie .n1,.hb-pie .n2,.hb-pie .n3{color:#e9ebe8}
.hb-pie .n1 .brand p,.hb-pie .n2 .brand p,.hb-pie .n3 .brand p{color:rgba(255,255,255,.62)}
.hb-pie .n1 .cols h3,.hb-pie .n2 .cols h3,.hb-pie .n3 h3{color:#fff}
.hb-pie .n1 .cols a,.hb-pie .n2 .cols a,.hb-pie .n3 .inl a{color:rgba(255,255,255,.66)}
@media (hover:hover) and (pointer:fine){.hb-pie .n1 a:hover,.hb-pie .n2 a:hover,.hb-pie .n3 a:hover{color:var(--acc)}}
.hb-pie .n1 .bot,.hb-pie .n2 .bot,.hb-pie .n3 .bot{border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5)}
.hb-pie .n1 .ct .st,.hb-pie .n2 .ct .st,.hb-pie .n3 .ct .st{color:rgba(255,255,255,.62)}
.hb-pie .n1 .li,.hb-pie .n2 .li,.hb-pie .n3 .li{color:#fff}
.hb-pie .n3 .row1{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding-bottom:var(--s5);border-bottom:1px solid rgba(255,255,255,.1)}
.hb-pie .n3 .row1 nav{display:flex;gap:var(--s4);font-size:var(--t-body);font-weight:500}
.hb-pie .n3 .row1 nav a{color:#fff}
.hb-pie .n3 .row1 .ct{flex-direction:row;align-items:center;gap:var(--s4);margin:0}
.hb-pie .n3 .row2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s5);padding:var(--s5) 0 var(--s5)}
.hb-pie .n3 h3{margin:0 0 var(--s2);font-size:var(--t-small);font-weight:600}
.hb-pie .n3 .inl{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);font-size:var(--t-small)}
.hb-pie .n3 .side{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2)}
.hb-pie .n3 .side .li{margin:0}
.hb-pie .n1{padding-top:var(--s-sec)}
.hb-pie .cols h3,.hb-pie .n3 h3{text-transform:uppercase;font-size:var(--t-label);letter-spacing:.08em}
.hb-pie .cols .ext{font-size:var(--t-label);opacity:.6}
.hb-pie .cols a .tagv{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#d0dc55;color:#1a1c10;font-size:10.5px;font-weight:600;letter-spacing:.02em;line-height:1.5;vertical-align:1px}
@media (hover:hover) and (pointer:fine){.hb-pie .pv .li:hover{color:#fff!important;filter:brightness(1.15)}}/* ---- cabecera (5/11/2026): logo a 34 px; fuera del hero reaparece en claro ---- */
.j-logo img{height:34px!important}
.cg-page .j-head.is-fix.is-light{height:78px}
.cg-page .j-head.is-fix.is-light::before{background:#fbfbf9;box-shadow:0 1px 0 rgba(18,20,18,.04),0 8px 24px -18px rgba(18,20,18,.14)}
.cg-page .j-head.is-fix.is-light .j-logo img{filter:none}
.cg-page .j-head.is-fix.is-light .j-nav{background:#f0f0ed;border-color:transparent;box-shadow:none}
.cg-page .j-head.is-fix.is-light .j-nav a{color:#5b5f59;font-size:var(--t-small)}
@media (hover:hover) and (pointer:fine){.cg-page .j-head.is-fix.is-light .j-nav a:hover{color:#121412;background:#fff}}
.cg-page .j-head.is-fix.is-light .j-wa{color:#121412;font-size:var(--t-small)}
.cg-page .j-head.is-fix.is-light .j-burger i{background:#121412}

.hb.hb-proyectos .p4 .tabs button[aria-pressed="true"] span{color:#fff!important}/* ---- ajustes móvil (5/11/2026) ---- */
@media (max-width:1023px){/* proceso: ilustraciones más bajas para acortar el bloque */
.hb-proceso .p4 .vis{height:150px}
.hb-proceso .p4 .vis .chat span{font-size:11.5px;padding:var(--s1) var(--s2)}
.hb-proceso .p4 .tl{gap:var(--s3)}/* precio: lo que incluye en una columna y sin cortar; teléfono con su altura */
.hb-precio .b3 .opts .inc3>ul{grid-template-columns:1fr;height:auto}
.hb-precio .b3 .opts label:has(input:checked) .inc3{height:auto!important}
.hb-precio .b3 .opts .inc3 li{white-space:normal}
.hb-precio .env input{flex:none;height:52px}/* sobre mí: foto como banda superior fundida; LinkedIn en una línea; aros de PageSpeed en una fila */
.hb-sobre .m1{padding-top:0}
.hb-sobre .m1 .pic{position:relative;z-index:0;display:block;width:auto;height:280px;margin:0 -24px var(--s1);border-radius:24px 24px 0 0;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.hb-sobre .m1 .pic .ph{object-position:70% 25%}
.hb-sobre .m1 .tr{position:absolute;top:20px;left:44px;right:auto;z-index:2}
.hb-sobre .m1 .tr .l1{height:38px;padding:0 var(--s2);font-size:var(--t-small);white-space:nowrap}
.hb-sobre .m1 .tr .l1 em{padding-left:var(--s1)}
.hb-sobre .dpanel .psi{gap:var(--s1);justify-content:space-between;width:100%}
.hb-sobre .dpanel .psi li{font-size:11px;flex:1;min-width:0;white-space:normal;text-align:center}
.hb-sobre .dpanel .ring{width:48px;height:48px}.hb-sobre .dpanel .ring b{font-size:var(--t-body)}}/* ---- hero de la portada con la escala ---- */
.j-h1{font-size:var(--t-h1)!important;font-weight:500;letter-spacing:-.045em;line-height:1.04}
.j-lead{font-size:var(--t-lead)!important;line-height:1.62}
.j-cta{font-size:var(--t-btn)!important}
.cg2-h{font-size:var(--t-h2)!important}
.cg2-intro p{font-size:var(--t-lead)!important}
.cg2-row .t b{font-size:var(--t-h3)!important}
.cg2-row .t span,.cg2-row .inc{font-size:var(--t-small)!important}
.cg2 .cg2-note{font-size:var(--t-body)!important}
.hb-precio .pbig b,.hb-precio .big b{font-size:var(--t-big)!important}/* Mismo fondo seguido (reseñas y preguntas en páginas de servicio): un solo espacio de sección entre los dos */
.hb-resenas+.hb-faq .pv{padding-top:0}/* Heros de las páginas interiores (8/11/2026): todos a la altura de Diseño web WordPress (708 px con las migas).
   Ilustración de 440 px y bloque fijo de 664 px con el contenido centrado (8 px por encima del centro, como antes). */
@media (min-width:1024px){
	html body .pw .pv.h1>.g{box-sizing:border-box;height:664px;padding-top:0;padding-bottom:16px}
	html body .pw .pv.h1>.g .stage{height:440px;min-height:0}}/* Ilustración centrada en vertical con el texto (medido el 8/11/2026 con el dibujo visible, no con la caja). Sobre mí no: la foto ya está colocada a mano. */
@media (min-width:1024px){
	.pg-automatizacion-ia .pw .pv.h1>.g .stage{translate:0 -64px}
	.pg-desarrollo-web-a-medida .pw .pv.h1>.g .stage{translate:0 -30px}
	.pg-disenador-web-freelance .pw .pv.h1>.g .stage{translate:0 -17px}
	.pg-diseno-web-alcala-de-henares .pw .pv.h1>.g .stage{translate:0 -30px}
	.pg-diseno-web-barcelona .pw .pv.h1>.g .stage{translate:0 -16px}
	.pg-diseno-web-valencia .pw .pv.h1>.g .stage{translate:0 -16px}
	.pg-diseno-web-zaragoza .pw .pv.h1>.g .stage{translate:0 -16px}
	.pg-diseno-web-coslada .pw .pv.h1>.g .stage{translate:0 -49px}
	.pg-diseno-web-guadalajara .pw .pv.h1>.g .stage{translate:0 -49px}
	.pg-diseno-web-torrejon-de-ardoz .pw .pv.h1>.g .stage{translate:0 -49px}
	.pg-diseno-web-abogados .pw .pv.h1>.g .stage{translate:0 -43px}
	.pg-diseno-web-psicologos .pw .pv.h1>.g .stage{translate:0 -27px}
	.pg-diseno-web-restaurantes .pw .pv.h1>.g .stage{translate:0 -38px}
	.pg-gestion-google-ads .pw .pv.h1>.g .stage{translate:0 -36px}
	.pg-mantenimiento-web .pw .pv.h1>.g .stage{translate:0 -30px}
	.pg-desarrollo-plugins-wordpress .pw .pv.h1>.g .stage{translate:0 -28px}
	.pg-posicionamiento-seo .pw .pv.h1>.g .stage{translate:0 10px}
	.pg-gracias .pw .pv.h1>.g .stage{translate:0 15px}}/* Móvil (8/11/2026): el mismo margen lateral de 20 px en todos los bloques de todas las páginas
   (antes había bloques a 16, 24 y 28 px). !important porque cada página trae sus propios márgenes. */
@media (max-width:767px){
	.col:not(.m1 .col),.pv.h1 .col,.qin,
	section.pv.f1,section.pv.p4:not(.h1),section.pv.b3,section.pv.k2,section.pv.m1:not(.h1),section.pv.r3,.pv.n1,
	section.pv2,section.pc,section.pm,section.ex,section.tc,section.cgt{padding-left:20px!important;padding-right:20px!important}/* La foto de "Esta web también la he hecho yo" llega justo al borde de la isla negra (8 px del borde), sin asomar sobre el fondo claro */
	.hb-sobre .m1 .pic{margin-left:-12px!important;margin-right:-12px!important}}/* Con el menú móvil abierto, la barra inferior (Llamar · WhatsApp · Presupuesto) se esconde para no tapar el final del menú */
html.j-lock .v-bar{transform:translateY(120%)!important;visibility:hidden}/* Móvil: ilustraciones del hero de Abogados y Psicólogos centradas (en móvil se ocultan las tarjetas laterales y el móvil quedaba a la izquierda) */
@media (max-width:767px){
	.pg-diseno-web-abogados .pw .pv.h1 .stage .mob{left:50%!important;right:auto!important;translate:-50% 0}
	.pg-diseno-web-psicologos .pw .pv.h1 .stage .pp1{left:calc(50% - 142px)!important}.pg-diseno-web-psicologos .pw .pv.h1 .stage .pp2{left:calc(50% - 71px)!important}.pg-diseno-web-psicologos .pw .pv.h1 .stage .pp3{left:calc(50% - 1px)!important}}/* ===== Móvil: sistema de márgenes (8/11/2026) =====
   Texto y tarjetas sueltas: 20 px del borde. Islas (gris, negra, verde bosque) y cajas: 20 px del borde, y su contenido 20 px por dentro (40 px del borde). Regla única desde el 8/11. */
@media (max-width:767px){
	html body .hb-proyectos .p4::before,html body .hb-proyectos .p6::before,html body .hb-contacto .isla::before,html body .hb-sobre .pv::before,html body .hb-precio .b1::before,html body .hb-precio .b6::before,html body .hb-pie .forest::before,html body .pw .ev.isl::before,html body .pw .ex4::before,html body .pw .gm4::before,html body .pw .tv.t1::before,html body .pw .if3::before,html body .pw .pq.q3::before,html body .pw .dv.d1::before{left:20px!important;right:20px!important;border-radius:20px!important}
	html body .hb-proyectos section.pv.p4,html body .hb-proyectos section.pv.p6,html body .hb-sobre section.pv,html body .hb-precio section.b1,html body .hb-precio section.b6,html body .hb-pie .forest,html body .hb-contacto .isla,html body .pw .ev.isl,html body .pw .ex4,html body .pw .gm4,html body .pw .tv.t1,html body .pw .if3,html body .pw .pq.q3,html body .pw .dv.d1{padding-left:40px!important;padding-right:40px!important}
	.hb-proyectos section.pv.p4 .col,.hb-proyectos section.pv.p4 .qin,.hb-sobre section.pv.m1.dark .col,.hb-contacto .isla .col,.hb-contacto .isla .qin,.pw .ev.isl .qin,.pw .ex4 .qin,.pw .gm4 .qin,.pw .tv.t1 .qin,.pw .if3 .qin,.pw .pq.q3 .qin,.pw .dv.d1 .qin,.pw .ev.isl .col,.pw .ex4 .col,.pw .gm4 .col,.pw .tv.t1 .col,.pw .if3 .col,.pw .pq.q3 .col,.pw .dv.d1 .col{padding-left:0!important;padding-right:0!important}
	.hb-sobre .m1 .pic{margin-left:-20px!important;margin-right:-20px!important}/* Pie: enlaces en dos columnas en lugar de una muy larga */
	.hb-pie .top{grid-template-columns:minmax(0,1fr);gap:40px}
	.hb-pie .cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
	.hb-pie .cols a{font-size:14.5px}/* Proceso: sin línea de tiempo en móvil, cada paso con su etiqueta y punto delante */
	.hb-proceso .p4 .st{padding-top:0}
	.hb-proceso .p4 .st::before{display:none}
	.hb-proceso .p4 .st>.when{position:static;margin:0 0 10px}
	.hb-proceso .p4 .st>.when::before{display:block}}/* El saludo de WhatsApp solo en ordenador (en móvil está la barra inferior) */
@media (max-width:1023px){.wa-saludo{display:none!important}}/* Menú móvil: los servicios del desplegable, uno debajo de otro */
.j-mm nav .j-mm-srv a{display:block}
.j-mm nav .j-mm-srv[open]{padding-bottom:12px;border-bottom:1px solid #161816}
.j-mm nav .j-mm-srv[open] summary{border-bottom:0}/* Móvil: zona de toque más alta en los enlaces de texto sueltos, sin cambiar cómo se ven */
@media (max-width:767px){
	.hb-pie .ct a,.hb-pie .bot a,.hb-pie .legal a,.hb-pie a.ck-abrir,.pw a.lk,.pw a.more,a.more,.cg2-more,.crumb a,a.wa2{padding-top:8px;padding-bottom:8px;margin-top:-8px;margin-bottom:-8px}}/* Móvil: redondeados en escala propia (8/11/2026). Bloques grandes (pie, islas) 20 px; tarjetas 16 px. En ordenador siguen 36-40 px y 20-22 px. */
@media (max-width:767px){
	.hb-pie .dark::before{border-radius:20px 20px 0 0!important}
	.hb-proyectos .p4::before,.hb-proyectos .p6::before,.hb-contacto .isla::before,.pw .ev.isl::before,.pw .ev.e1::before,.pw .ex4::before,.pw .gm4::before,.pw .tv.t1::before,.hb-sobre .dark::before,.hb-sobre .m1 .pic{border-radius:20px!important}
	.hb-sobre .m1 .pic{border-radius:20px 20px 0 0!important}
	.pw .card,.hb-proceso .p4 .card,figure.rv,figure.rc,.pw .pc,.pw .ac,.help,form.form,.call,.opts,.pw .panel,.side,.pw .cd,.pw .pn,.pw .mt,.pw .rdw,.pw .lst,.pw .c5,.pw .bn,.pw .bx,.hb-proyectos .card,.pw .tf.hi,.hb-proceso .p4 .bar,.pw .stp,.pw .box,.pw .cv,.pw .k3,.pw .wpc{border-radius:16px!important}
	.hb-proceso .p4 .vis,.pw .mi,.pw .pc .mi,.pw .ac .mi{border-radius:12px!important}}
@media (max-width:767px){
	footer.pv.n1::before{border-radius:20px 20px 0 0!important}
	.pw .pq.q3::before,.pw .if3::before,.pw .dv.d1::before{border-radius:20px!important}
	.hb-proyectos .card,.hb-proyectos .mk,.pw .mk,a.rb,a.ft,.pw .sm,.pw .pc4,.dpanel,.pw .pnl,.pw .cht,.pw .stc,.pw .tv .a,.pw .tkt,.pw .scr,.pw .cv4,.pw .brd,.pw .ed,.pw .cz,.pw .ai,a.c22,.pw form.fm,.pw .cm,.pw .ex,.pw .gc,.pw figure[class^="ig"],.bb figure[class^="ig"],main figure[class^="ig"],main .card,div.card{border-radius:16px!important}}/* Móvil (8/11): mismo arranque del título en todos los hero interiores (DWW tenía 104 px y Tienda 56 px; el blog 32 px de más). */
@media (max-width:767px){html body .pw section.h1>.g.col{padding-top:48px!important}html body .pw section.bh .hg{margin-top:48px!important}}/* Pie en móvil (8/11): rejilla de 2x2: Servicios y ciudades arriba, Más y Por sector abajo, a la misma altura. */
@media (max-width:767px){.hb-pie .cols{align-items:start}.hb-pie .cols>.c2{display:contents}.hb-pie .cols>div:first-child{grid-area:1/1}.hb-pie .cols .cciu{grid-area:1/2}.hb-pie .cols .cmas{grid-area:2/1}.hb-pie .cols .csec{grid-area:2/2}.hb-pie .cols .csec .h2b{margin-top:0}}/* Móvil (8/11): la insignia PageSpeed del hero de Diseño web WordPress se salía por la izquierda; "Respondo en el día" de las migas se cortaba en las páginas de nombre largo. */
@media (max-width:767px){html body .pw .psbadge{left:28px!important}}
@media (max-width:479px){html body .crumb .st{display:none!important}}/* Hero en móvil (8/11): la fila de datos dejaba un separador vertical suelto al bajar el tercer dato de línea. Dos columnas con un separador y el tercero debajo, a todo el ancho. */
@media (max-width:767px){html body .pw .proof{display:grid!important;grid-template-columns:auto 1px minmax(0,1fr);justify-content:start;align-items:center;gap:16px 22px}html body .pw .proof>hr:nth-of-type(n+2){display:none}html body .pw .proof>div:nth-of-type(n+3){grid-column:1/-1}}/* Hero portada en móvil (8/11): "despachos de abogados." no cabía y se cortaba; el texto que rota se ajusta al ancho disponible. */
@media (max-width:767px){html body .j-roll{font-size:min(36px,calc((100vw - 40px) / 10.9))!important}}/* Precio: la fila destacada de la tabla, como cualquier caja: a 20 px del borde y contenido a 20 px. */
@media (max-width:767px){html body .pw .b2 .tf.hi{margin:0!important;padding:20px!important}}/* Móvil (8/11): todas las cajas con 20 px de relleno lateral (generado midiendo cada caja). */
@media (max-width:767px){html body.pg-automatizacion-ia .pw div.ai{padding-left:20px!important;padding-right:20px!important}html body.pg-automatizacion-ia .pw div.box{padding-left:20px!important;padding-right:20px!important}html body.pg-automatizacion-ia .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-automatizacion-ia .pw div.cz{padding-left:20px!important;padding-right:20px!important}html body.pg-automatizacion-ia .pw div.cz.fb{padding-left:20px!important;padding-right:20px!important}html body.pg-automatizacion-ia .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-automatizacion-ia .pw div.sz{padding-left:20px!important;padding-right:20px!important}html body.pg-aviso-legal .pw div.sm{padding-left:20px!important;padding-right:20px!important}html body.pg-contacto .pw a.cr.ml{padding-left:20px!important;padding-right:20px!important}html body.pg-contacto .pw a.cr.tel{padding-left:20px!important;padding-right:20px!important}html body.pg-contacto .pw a.cr.wa{padding-left:20px!important;padding-right:20px!important}html body.pg-contacto .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-contacto .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-contacto .pw div.pc{padding-left:20px!important;padding-right:20px!important}html body.pg-desarrollo-plugins-wordpress .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-desarrollo-plugins-wordpress .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-desarrollo-plugins-wordpress .pw div.k3{padding-left:20px!important;padding-right:20px!important}html body.pg-desarrollo-plugins-wordpress .pw div.k3.z{padding-left:20px!important;padding-right:20px!important}html body.pg-desarrollo-plugins-wordpress .pw div.pr5{padding-left:20px!important;padding-right:20px!important}html body.pg-desarrollo-web-a-medida .pw div.brd{padding-left:20px!important;padding-right:20px!important}html body.pg-desarrollo-web-a-medida .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-desarrollo-web-a-medida .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-disenador-web-freelance .pw div.bn{padding-left:20px!important;padding-right:20px!important}html body.pg-disenador-web-freelance .pw div.bx{padding-left:20px!important;padding-right:20px!important}html body.pg-disenador-web-freelance .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-disenador-web-freelance .pw div.ex{padding-left:20px!important;padding-right:20px!important}html body.pg-disenador-web-freelance .pw div.gc{padding-left:20px!important;padding-right:20px!important}html body.pg-disenador-web-freelance .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-tienda-online .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-tienda-online .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-abogados .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-abogados .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-abogados .pw div.mn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-abogados .pw div.pn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-alcala-de-henares .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-alcala-de-henares .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-alcala-de-henares .pw div.pc{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-alcala-de-henares .pw div.pn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-alcala-de-henares .pw div.rdw{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-barcelona .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-barcelona .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-barcelona .pw div.pc{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-barcelona .pw div.pn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-barcelona .pw div.rdw{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-coslada .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-coslada .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-coslada .pw div.pc{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-coslada .pw div.pn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-coslada .pw div.rdw{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-guadalajara .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-guadalajara .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-guadalajara .pw div.pc{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-guadalajara .pw div.pn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-guadalajara .pw div.rdw{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-psicologos .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-psicologos .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-psicologos .pw div.mn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-psicologos .pw div.pn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-restaurantes .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-restaurantes .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-restaurantes .pw div.mn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-restaurantes .pw div.pn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-torrejon-de-ardoz .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-torrejon-de-ardoz .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-torrejon-de-ardoz .pw div.pc{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-torrejon-de-ardoz .pw div.pn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-torrejon-de-ardoz .pw div.rdw{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-valencia .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-valencia .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-valencia .pw div.pc{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-valencia .pw div.pn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-valencia .pw div.rdw{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-wordpress .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-wordpress .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-zaragoza .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-zaragoza .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-zaragoza .pw div.pc{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-zaragoza .pw div.pn{padding-left:20px!important;padding-right:20px!important}html body.pg-diseno-web-zaragoza .pw div.rdw{padding-left:20px!important;padding-right:20px!important}html body.pg-gestion-google-ads .pw div.ad7{padding-left:20px!important;padding-right:20px!important}html body.pg-gestion-google-ads .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-gestion-google-ads .pw div.cd{padding-left:20px!important;padding-right:20px!important}html body.pg-gestion-google-ads .pw div.cl7{padding-left:20px!important;padding-right:20px!important}html body.pg-gestion-google-ads .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-gestion-google-ads .pw div.tkt.a{padding-left:20px!important;padding-right:20px!important}html body.pg-gestion-google-ads .pw div.tkt.b{padding-left:20px!important;padding-right:20px!important}html body.pg-gestion-google-ads .pw div.wa7{padding-left:20px!important;padding-right:20px!important}html body.pg-mantenimiento-web .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-mantenimiento-web .pw div.cd{padding-left:20px!important;padding-right:20px!important}html body.pg-mantenimiento-web .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-politica-de-cookies .pw div.sm{padding-left:20px!important;padding-right:20px!important}html body.pg-politica-de-privacidad .pw div.sm{padding-left:20px!important;padding-right:20px!important}html body.pg-posicionamiento-seo .pw div.a{padding-left:20px!important;padding-right:20px!important}html body.pg-posicionamiento-seo .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-posicionamiento-seo .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-precio-pagina-web .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-precio-pagina-web .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-precio-pagina-web .pw div.pn{padding-left:20px!important;padding-right:20px!important}html body.pg-precio-pagina-web .pw div.stp{padding-left:20px!important;padding-right:20px!important}html body.pg-precio-pagina-web .pw div.stp.hi{padding-left:20px!important;padding-right:20px!important}html body.pg-sobre-mi .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.pg-sobre-mi .pw div.cd{padding-left:20px!important;padding-right:20px!important}html body.pg-sobre-mi .pw div.cd.w{padding-left:20px!important;padding-right:20px!important}html body.pg-sobre-mi .pw div.help{padding-left:20px!important;padding-right:20px!important}html body.pg-sobre-mi .pw div.lst{padding-left:20px!important;padding-right:20px!important}html body.single-post .pw a.c22{padding-left:20px!important;padding-right:20px!important}html body.single-post .pw a.cd{padding-left:20px!important;padding-right:20px!important}html body.single-post .pw a.ft{padding-left:20px!important;padding-right:20px!important}html body.single-post .pw a.rb{padding-left:20px!important;padding-right:20px!important}html body.single-post .pw div.card{padding-left:20px!important;padding-right:20px!important}html body.single-post .pw div.cta2{padding-left:20px!important;padding-right:20px!important}html body.single-post .pw div.help{padding-left:20px!important;padding-right:20px!important}}/* Móvil (8/11): bloques compartidos de la portada con la misma regla, cajas con 20 px por dentro y cajas anidadas a 20 px. */
@media (max-width:767px){html body .hb-proceso .card{padding:20px 20px 24px!important}html body .hb-proceso .card .txt{padding-left:0!important;padding-right:0!important;padding-top:20px!important}html body .hb-proceso .bar,html body .hb-precio .call,html body .hb-resenas .card,html body .hb-resenas figure.rv,html body .hb-sobre .dpanel,html body .hb-faq .help,html body .hb-contacto form.form,html body .hb-contacto .side,html body .hb-contacto figure.q{padding-left:20px!important;padding-right:20px!important}html body .hb-precio .opts{padding:20px!important}html body .hb-precio .opts label{padding-left:20px!important;padding-right:20px!important}html body .ck{left:20px!important;right:20px!important;padding:20px!important}}
@media (max-width:767px){html body .hb-sobre section.pv.m1.dark{padding-left:40px!important;padding-right:40px!important}}/* Móvil (8/11): resto de cajas con 20 px por dentro (blog, opiniones, artículos, ilustraciones con texto) y preguntas frecuentes alineadas con el título. */
@media (max-width:767px){html body .pw a.cd,html body .pw a.ft,html body .pw figure.rc,html body .pw .cq,html body .pw .stc,html body.single-post .pw .cta2,html body .pw a.rb,html body .pw .txt figure[class^="ig"],html body .pw .cd > .in{padding-left:20px!important;padding-right:20px!important}html body .hb-faq summary,html body .pw .qs summary{padding-left:0!important;padding-right:0!important}html body .hb-faq details>:not(summary),html body .pw .qs details>:not(summary){padding-left:0!important;padding-right:0!important}}
@media (max-width:767px){html body .pw .toc3>summary,html body .pw .toc3>:not(summary),html body .pw figure.pg-cita{padding-left:20px!important;padding-right:20px!important}}
@media (max-width:767px){html body .pw a.c22{padding-left:20px!important;padding-right:20px!important}html body .pw .c22 .tx{padding-left:0!important}}
@media (max-width:767px){html body .pw ul.mline li{padding-left:14px!important;padding-right:14px!important}html body .pw ul.mline li.here{margin-left:0!important;margin-right:0!important}}
@media (max-width:767px){html body .pw .mline::before{left:25px!important}}/* IA en móvil (8/11): las horas grandes se salían por la derecha; el mosaico de garantías pasa a una columna para no partir el texto en tres líneas. */
@media (max-width:767px){html body .pw .cz .vs4{grid-template-columns:86px minmax(0,1fr) 66px!important}html body .pw .cz .vs4 b{font-size:24px!important;min-width:0!important;width:auto!important}html body .pw .g4m{grid-template-columns:minmax(0,1fr)!important}html body .pw .g4m>div{padding:16px 20px!important}}/* Movil (8/11): escala tipografica unica 12-13-15-17-20-24-32-40, sin tocar ilustraciones. */
@media (max-width:767px){html :is(body a.bs,body a.cr.ml small,body a.cr.tel small,body a.cr.wa small,body div.ac span,body div.ad7 b,body div.ad7 small,body div.ah small,body div.an small,body div.bt span,body div.cap em,body div.chh small,body div.ck7 span,body div.cl7 em,body div.cqh small,body div.eh em,body div.fil em,body div.fil span em,body div.flt button i,body div.flt i,body div.fo em,body div.fo span,body div.kp7 div span,body div.kp7 span,body div.mn div.sc b,body div.pi b,body div.press small,body div.proof span.stars,body div.psi li,body div.rec time,body div.rh small,body div.rvx small,body div.sc span,body div.sf span,body div.sk span,body div.sl7 span,body div.sm small,body div.sq span,body div.sr span,body div.src small,body div.tp small,body div.wf span em,body div.xs.xfoto small,body div.xs.xlen small,body div.xs.xpdf small,body div.xs.xtel small,body em.tag,body figure.j-rv figcaption,body figure.j-rv span.st,body figure.rv span.st,body i.lm,body label.f span,body li.here em,body p.lbl,body small.hr,body span.bot,body span.nw,body span.ok,body span.p em,body span.pr small,body span.pv-estado,body span.rt small,body span.tagv):not(svg *,.stage *,.vis *,.sh *,.mi *,.im *,.mk *,[aria-hidden=true] *,.mq *,.j-mm *,.ck *,.cv *,.bb *,.ph7 *,.m *,[class^="ig"] *,.mock *,.ill *,.dash *,.j-head *,.v-bar *){font-size:12px!important}html :is(body a.ck-abrir,body a.cr.ml em,body a.cr.tel em,body a.cr.wa em,body a.l1 em,body a.l1 span,body a.li,body a.rb small,body a.tg,body details.toc3 small,body div.ad7 p,body div.ah p,body div.an p,body div.arw span,body div.au small,body div.bars span,body div.bh small,body div.big small,body div.bot span,body div.box small,body div.c5 li,body div.cap small,body div.cciu h3,body div.cd small,body div.chips span,body div.cl7 p,body div.cmas h3,body div.col.c b,body div.col.h b,body div.col.n b,body div.cq label,body div.cz small,body div.cz.fb small,body div.dh small,body div.ef b,body div.ef span,body div.ex small,body div.fm small,body div.gh b,body div.help p,body div.inn span,body div.inn.t span,body div.k3 small,body div.k3.z small,body div.mt small,body div.mt span,body div.mt time,body div.nums small,body div.opts small,body div.other b,body div.other span,body div.ph em,body div.ph small,body div.pn small,body div.pr5 span,body div.proof span,body div.proof.gp span,body div.pt.ag span,body div.pt.me span,body div.row small,body div.rv span,body div.rvx p,body div.send small,body div.sf b,body div.sm b,body div.src span,body div.stc.bad li,body div.stc.good li,body div.stc.sbad small,body div.stc.sgood small,body div.stj small,body div.tkt.a small,body div.tkt.b small,body div.tq span,body div.two label,body div.tx small,body div.vs4 span,body div.wa7 p,body div.who small,body div.wph p,body div.xs.xfoto strong,body div.xs.xpdf strong,body div.xs.xtel strong,body em.sv,body figure.j-rv blockquote,body figure.pg-cita figcaption,body figure.pg-cita span,body figure.q figcaption,body figure.q span.stars,body figure.rc b,body figure.rc span,body figure.rv b,body form.form label,body h3.h2b,body label.chp span,body label.lab,body label.legal a,body label.legal span,body li.here b,body li.lk a,body li.lk b,body li.n,body li.st.off span,body li.y,body li.z,body nav.cols h3,body nav.cr a,body nav.cr b,body nav.crumb a,body nav.crumb b,body nav.crumb.col a,body nav.crumb.col b,body ol.st2 small,body ol.stops b,body p.ex4,body p.ex7,body p.exz,body p.ft,body p.j-phone.r.d5,body p.j-phone.r.d5 a,body p.lg,body p.st.off span,body small.ca,body small.de,body small.lb,body small.pl,body span.b,body span.bt,body span.ch,body span.end,body span.fx7,body span.g,body span.inc3 li,body span.leg a,body span.me,body span.op,body span.p small,body span.rt em,body span.rt i,body span.sec,body span.t span,body span.tag,body span.tag.gr,body span.tk,body span.when,body ul.ch small,body ul.hl li,body ul.r12 em):not(svg *,.stage *,.vis *,.sh *,.mi *,.im *,.mk *,[aria-hidden=true] *,.mq *,.j-mm *,.ck *,.cv *,.bb *,.ph7 *,.m *,[class^="ig"] *,.mock *,.ill *,.dash *,.j-head *,.v-bar *){font-size:13px!important}html :is(body a.bt,body a.btn,body a.btn.wa-open,body a.cg-skip,body a.cg2-more,body a.cr.ml b,body a.cr.tel b,body a.cr.wa b,body a.cta,body a.ghost,body a.ghost.wa-open,body a.h-more,body a.j-cta,body a.j-ghost,body a.lbtn,body a.lk,body a.more,body a.ubtn.wa-open,body a.wa.wa-open,body a.wa2.wa-open,body button.cta,body button.sb,body details.toc3 a,body div.a,body div.a a,body div.a p,body div.ac p,body div.ai li,body div.au a,body div.bar a,body div.bar b,body div.bar p,body div.bn p,body div.bn span,body div.brand p,body div.call p,body div.cap b,body div.cciu a,body div.cd p,body div.cd.fb p,body div.cg2-intro p,body div.chh b,body div.cl7 b,body div.cmas a,body div.cqh b,body div.csec a,body div.cta2 a,body div.cta2 p,body div.cz p,body div.cz.fb p,body div.dh span,body div.dpanel div.dh b,body div.eh b,body div.env button,body div.fil span,body div.flt button,body div.ft b,body div.ft span,body div.g4m b,body div.gc p,body div.head p,body div.head p.lead,body div.help b,body div.intro p,body div.intro p.lead,body div.k3 p,body div.k3.z p,body div.k7 p,body div.mt p,body div.opts b,body div.opts span.p,body div.pc p,body div.pc4 p,body div.ph p,body div.pn b,body div.pr5 b,body div.press span,body div.q,body div.q7b span,body div.qs details summary,body div.qs summary,body div.rec p,body div.rh b,body div.row b,body div.row p,body div.rr span,body div.rv li,body div.sf em,body div.sf p,body div.side p.lead,body div.sm a,body div.sm li,body div.sr b,body div.sz span,body div.tabs button,body div.tkt.a b,body div.tkt.a p,body div.tkt.a span,body div.tkt.b b,body div.tkt.b p,body div.tkt.b span,body div.tp b,body div.tx span,body div.txt p,body div.wa7 b,body div.wf span,body div.who b,body div.z span,body figure.q blockquote,body figure.rc blockquote,body figure.rv blockquote,body li.x b,body li.x span,body li.z b,body li.z span,body nav.cols a,body nav.dc a,body nav.pag button,body nav.tabs a,body ol.st2 b,body ol.tln5 p,body p.bio,body p.bio b,body p.bodys,body p.cg2-note,body p.j-lead.r.d4,body p.j-lead.r.d4 b,body p.nota,body p.nota b,body p.note,body p.nt6t,body p.pie,body p.pie b,body p.up,body span.nm small,body span.pl,body span.ring b,body span.stz,body table.has-fixed-layout td,body ul.ch b,body ul.chs p,body ul.ct a,body ul.fac b,body ul.fac span,body ul.links a,body ul.ls b,body ul.ls p,body ul.ls4 b,body ul.ls4 p,body ul.lv b,body ul.lv em,body ul.lv span,body ul.lvk b,body ul.lvk em,body ul.lvk span,body ul.pt4 li,body ul.r12 b,body ul.r12 span,body ul.rows p,body ul.rws p,body ul.rx b,body ul.rx span,body ul.sd b,body ul.sd li,body ul.tl b,body ul.tl li,body ul.tl span,body.pg-diseno-web-alcala-de-henares div.g2 div.mt b,body.pg-diseno-web-barcelona div.g2 div.mt b,body.pg-diseno-web-coslada div.g2 div.mt b,body.pg-diseno-web-guadalajara div.g2 div.mt b,body.pg-diseno-web-torrejon-de-ardoz div.g2 div.mt b,body.pg-diseno-web-valencia div.g2 div.mt b,body.pg-diseno-web-zaragoza div.g2 div.mt b,body.pg-precio-pagina-web div.tk div.pn em):not(svg *,.stage *,.vis *,.sh *,.mi *,.im *,.mk *,[aria-hidden=true] *,.mq *,.j-mm *,.ck *,.cv *,.bb *,.ph7 *,.m *,[class^="ig"] *,.mock *,.ill *,.dash *,.j-head *,.v-bar *){font-size:15px!important}html :is(body a.c22 div.tx b,body article.txt a,body article.txt b,body article.txt li,body article.txt p,body button.more,body details.toc3 b,body div.ac h3,body div.ad7 strong,body div.ai b,body div.big span.st,body div.bn h3,body div.c5 h3,body div.cd div b,body div.cd.fb h3,body div.cta2 b,body div.fm b,body div.g.col p.lead,body div.g3k div.cd h3,body div.g4 div.cd h3,body div.gc h3,body div.k3 h3,body div.k3.z h3,body div.k7 h3,body div.panel div.dh b,body div.pc4 h3,body div.ph b,body div.ph h3,body div.pn div.dh b,body div.proof b,body div.proof.gp b,body div.r p.lead,body div.rec h3,body div.row h3,body div.tt span,body div.tx a,body div.tx li,body div.tx p,body div.tx strong,body div.v-qs.pg-qs b,body div.wph h3,body figure.pg-cita blockquote,body ol.tln5 b,body p.ex,body p.ld,body p.lead b,body p.leads,body ul.chs b,body ul.fr div.tx b,body ul.pg-check a,body ul.pg-check i,body ul.pg-check li,body ul.pg-lista a,body ul.pg-lista b,body ul.pg-lista li,body ul.pg-lista.bosque b,body ul.pg-lista.bosque li,body ul.pt4 b,body ul.rows h3,body ul.rws h3,body.pg-automatizacion-ia div.cq div.tq b,body.pg-diseno-web-abogados div.tk div.pn em,body.pg-diseno-web-alcala-de-henares div.tk div.pn em,body.pg-diseno-web-barcelona div.tk div.pn em,body.pg-diseno-web-coslada div.tk div.pn em,body.pg-diseno-web-guadalajara div.tk div.pn em,body.pg-diseno-web-psicologos div.tk div.pn em,body.pg-diseno-web-restaurantes div.tk div.pn em,body.pg-diseno-web-torrejon-de-ardoz div.tk div.pn em,body.pg-diseno-web-valencia div.tk div.pn em,body.pg-diseno-web-zaragoza div.tk div.pn em):not(svg *,.stage *,.vis *,.sh *,.mi *,.im *,.mk *,[aria-hidden=true] *,.mq *,.j-mm *,.ck *,.cv *,.bb *,.ph7 *,.m *,[class^="ig"] *,.mock *,.ill *,.dash *,.j-head *,.v-bar *){font-size:17px!important}html :is(body a.cg2-row span.p,body a.rb b,body article.txt h2,body b.ok,body div.bh b,body div.call h3,body div.cds div.cd h3,body div.ck7 b,body div.kp7 b,body div.kp7 div b,body div.lst div.tx b,body div.pc h3,body div.rr b,body div.side h3,body div.tx em,body div.txt h3,body div.xs.xlen strong,body form.form h3,body h2.ft,body h3.h3s,body span.nm b,body span.t b,body.pg-gestion-google-ads div.cq div.tq b):not(svg *,.stage *,.vis *,.sh *,.mi *,.im *,.mk *,[aria-hidden=true] *,.mq *,.j-mm *,.ck *,.cv *,.bb *,.ph7 *,.m *,[class^="ig"] *,.mock *,.ill *,.dash *,.j-head *,.v-bar *){font-size:20px!important}html :is(body div.sz b,body div.tx h2,body div.vs4 b,body span.pr):not(svg *,.stage *,.vis *,.sh *,.mi *,.im *,.mk *,[aria-hidden=true] *,.mq *,.j-mm *,.ck *,.cv *,.bb *,.ph7 *,.m *,[class^="ig"] *,.mock *,.ill *,.dash *,.j-head *,.v-bar *){font-size:24px!important}html :is(body div.head h2,body div.head span,body div.rv b,body div.side h2,body div.tt b,body div.txt h2,body div.txt span.s,body div.z b,body h2.cg2-h,body h2.h2,body h2.h2s,body span.live,body span.live2):not(svg *,.stage *,.vis *,.sh *,.mi *,.im *,.mk *,[aria-hidden=true] *,.mq *,.j-mm *,.ck *,.cv *,.bb *,.ph7 *,.m *,[class^="ig"] *,.mock *,.ill *,.dash *,.j-head *,.v-bar *){font-size:32px!important}html :is(body div.col h1,body div.g.col h1,body div.hg h1,body div.pjh1 h1,body h1.j-h1.r.d2):not(svg *,.stage *,.vis *,.sh *,.mi *,.im *,.mk *,[aria-hidden=true] *,.mq *,.j-mm *,.ck *,.cv *,.bb *,.ph7 *,.m *,[class^="ig"] *,.mock *,.ill *,.dash *,.j-head *,.v-bar *){font-size:40px!important}}/* Móvil (8/11): el destacado del blog con el mismo hueco bajo la imagen que las demás tarjetas (16 px); índice de los artículos con los números dentro del margen de 20 px. */
@media (max-width:767px){html body .pw a.ft{display:block!important}html body .pw a.ft>div:last-child{margin-top:16px!important;padding-top:0!important}html body .pw a.ft>div:last-child>:first-child{margin-top:0!important}html body .pw .toc3 ol{padding-left:44px!important;padding-right:20px!important}}/* Blog en móvil (8/11): cajas dentro de los gráficos de los artículos a 20 px del borde de su caja y con 20 px de relleno. */
@media (max-width:767px){html body .pw .txt figure[class^="ig"] :is(.rw,.gc,.gg,.tt,.col,.res,.cy),html body .pw .txt figure.ig3 .me,html body .pw .txt figure.igc3 .tk{padding-left:20px!important;padding-right:20px!important}html body .pw .txt .iga1 .col{transform:none!important;scale:none!important;translate:none!important;margin:0!important;width:auto!important}html body .pw .txt .iga1 .col .br{margin-left:0!important;margin-right:0!important}html body .pw .txt figure.igc3{padding-left:0!important;padding-right:0!important}html body .pw .txt .tk{margin-left:0!important;margin-right:0!important}html body .pw .txt .gg>:is(.bar,.res){margin-left:0!important;margin-right:0!important}html body .pw .txt .rw.z .cy{margin-left:0!important;margin-right:0!important}}/* Blog en móvil (8/11): migas y título del blog, categorías y artículos a la misma altura que en el resto de páginas; respuestas de las preguntas frecuentes alineadas con la pregunta. */
@media (max-width:767px){html body .pw section.bh,html body .pw section.ph{padding-top:0!important}html body .pw .pg-qs details .a,html body .pw .v-qs details .a{padding-left:0!important;padding-right:0!important}html body .pw .pg-qs details .a p,html body .pw .v-qs details .a p{padding-left:0!important;padding-right:0!important}}
@media (max-width:767px){html body .pw section.ph a.tg{margin-top:48px!important}}
@media (max-width:767px){html body .pw .toc3 ol:has(li:nth-child(10)){padding-left:52px!important}}/* Blog en móvil: en la tabla de niveles de mantenimiento cabía "Complet" en lugar de "Completo". */
@media (max-width:767px){html body .pw .txt .mx .r{grid-template-columns:minmax(0,1fr) 60px 60px 60px!important}html body .pw .txt .mx .ph{padding-left:2px!important;padding-right:2px!important}}/* Hero en móvil (9/11): ilustraciones centradas a cualquier ancho (360-430 px) y móviles de Psicólogos sin taparse. */
@media (max-width:767px){html body.pg-diseno-web-psicologos .pw .pv.h1 .stage :is(.pp1,.pp2,.pp3){scale:.84;transform-origin:50% 0}html body.pg-diseno-web-psicologos .pw .pv.h1 .stage .pp1{translate:-91px 0}html body.pg-diseno-web-psicologos .pw .pv.h1 .stage .pp2{translate:-2px 0}html body.pg-diseno-web-psicologos .pw .pv.h1 .stage .pp3{translate:87px 0}html body.pg-diseno-web-restaurantes .pw-top .stage{translate:-13px 0}html body.pg-desarrollo-web-a-medida .pw-top .stage,html body.pg-mantenimiento-web .pw-top .stage{translate:-6px 0}html body.pg-diseno-tienda-online .pw-top .stage{translate:calc((100vw - 386px) / 2) 0}}

/* Diseño web para clínicas (9/11/2026): mismos ajustes del hero de tres móviles que Psicólogos. */
@media (min-width:1024px){.pg-diseno-web-clinicas .pw .pv.h1>.g .stage{translate:0 -27px}}
@media (max-width:767px){.pg-diseno-web-clinicas .pw .pv.h1 .stage .pp1{left:calc(50% - 142px)!important}}
@media (max-width:767px){.pg-diseno-web-clinicas .pw .pv.h1 .stage .pp2{left:calc(50% - 71px)!important}}
@media (max-width:767px){.pg-diseno-web-clinicas .pw .pv.h1 .stage .pp3{left:calc(50% - 1px)!important}}
@media (max-width:767px){html body.pg-diseno-web-clinicas .pw div.card{padding-left:20px!important;padding-right:20px!important}}
@media (max-width:767px){html body.pg-diseno-web-clinicas .pw div.help{padding-left:20px!important;padding-right:20px!important}}
@media (max-width:767px){html body.pg-diseno-web-clinicas .pw div.mn{padding-left:20px!important;padding-right:20px!important}}
@media (max-width:767px){html body.pg-diseno-web-clinicas .pw div.pn{padding-left:20px!important;padding-right:20px!important}}
@media (max-width:767px){html :is(body a.c22 div.tx b,body article.txt a,body article.txt b,body article.txt li,body article.txt p,body button.more,body details.toc3 b,body div.ac h3,body div.ad7 strong,body div.ai b,body div.big span.st,body div.bn h3,body div.c5 h3,body div.cd div b,body div.cd.fb h3,body div.cta2 b,body div.fm b,body div.g.col p.lead,body div.g3k div.cd h3,body div.g4 div.cd h3,body div.gc h3,body div.k3 h3,body div.k3.z h3,body div.k7 h3,body div.panel div.dh b,body div.pc4 h3,body div.ph b,body div.ph h3,body div.pn div.dh b,body div.proof b,body div.proof.gp b,body div.r p.lead,body div.rec h3,body div.row h3,body div.tt span,body div.tx a,body div.tx li,body div.tx p,body div.tx strong,body div.v-qs.pg-qs b,body div.wph h3,body figure.pg-cita blockquote,body ol.tln5 b,body p.ex,body p.ld,body p.lead b,body p.leads,body ul.chs b,body ul.fr div.tx b,body ul.pg-check a,body ul.pg-check i,body ul.pg-check li,body ul.pg-lista a,body ul.pg-lista b,body ul.pg-lista li,body ul.pg-lista.bosque b,body ul.pg-lista.bosque li,body ul.pt4 b,body ul.rows h3,body ul.rws h3,body.pg-automatizacion-ia div.cq div.tq b,body.pg-diseno-web-abogados div.tk div.pn em,body.pg-diseno-web-alcala-de-henares div.tk div.pn em,body.pg-diseno-web-barcelona div.tk div.pn em,body.pg-diseno-web-coslada div.tk div.pn em,body.pg-diseno-web-guadalajara div.tk div.pn em,body.pg-diseno-web-clinicas div.tk div.pn em,body.pg-diseno-web-restaurantes div.tk div.pn em,body.pg-diseno-web-torrejon-de-ardoz div.tk div.pn em,body.pg-diseno-web-valencia div.tk div.pn em,body.pg-diseno-web-zaragoza div.tk div.pn em):not(svg *,.stage *,.vis *,.sh *,.mi *,.im *,.mk *,[aria-hidden=true] *,.mq *,.j-mm *,.ck *,.cv *,.bb *,.ph7 *,.m *,[class^="ig"] *,.mock *,.ill *,.dash *,.j-head *,.v-bar *){font-size:17px!important}}
@media (max-width:767px){html body.pg-diseno-web-clinicas .pw .pv.h1 .stage :is(.pp1,.pp2,.pp3){scale:.84;transform-origin:50% 0}}
@media (max-width:767px){html body.pg-diseno-web-clinicas .pw .pv.h1 .stage .pp1{translate:-91px 0}}
@media (max-width:767px){html body.pg-diseno-web-clinicas .pw .pv.h1 .stage .pp2{translate:-2px 0}}
@media (max-width:767px){html body.pg-diseno-web-clinicas .pw .pv.h1 .stage .pp3{translate:87px 0}}
/* Hero de tres móviles (Psicólogos, Clínicas) en tableta y móvil (9/11/2026): misma proporción que en ordenador, sin estirarse a lo alto. */
@media (max-width:1023px){html body .pw .hvs .m5 .sc{height:auto!important;aspect-ratio:166/340}}
@media (max-width:767px){html body .pw .hvs .m5 .sc{aspect-ratio:166/360}}
@media (min-width:768px) and (max-width:1023px){html body:is(.pg-diseno-web-psicologos,.pg-diseno-web-clinicas) .pw .pv.h1 .stage .pp1{left:calc(50% - 245px)!important}html body:is(.pg-diseno-web-psicologos,.pg-diseno-web-clinicas) .pw .pv.h1 .stage .pp2{left:calc(50% - 75px)!important}html body:is(.pg-diseno-web-psicologos,.pg-diseno-web-clinicas) .pw .pv.h1 .stage .pp3{left:calc(50% + 95px)!important}html body:is(.pg-diseno-web-psicologos,.pg-diseno-web-clinicas) .pw .pv.h1 .stage :is(.pp1,.pp2,.pp3){translate:none}}

/* Email y teléfono apilados en móvil: misma separación que el resto de campos (9/11/2026). */
@media (max-width:1023px){.hb-contacto .form .two{row-gap:12px}}