/* Fotos */
.foto-c{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--linea)}
.armamos li,.cats li,.ciclo li{overflow:hidden}
.armamos .foto-c,.ciclo .foto-c{margin:-18px -18px 8px;width:calc(100% + 36px);max-width:none}
.cats li{padding:0 0 14px}
.cats .foto-c{margin-bottom:4px}
.escalas figure{padding:0;overflow:hidden}
.escalas figcaption{padding:0 18px 18px}
.foto-lado{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:2px;box-shadow:0 30px 60px -36px rgba(0,0,0,.7)}

/* Muro de marcas */
.muro{display:grid;gap:12px}
.muro ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px}
.muro img{height:56px;width:auto;filter:grayscale(1) contrast(1.15);opacity:.75;transition:opacity .2s}
.muro li:hover img{opacity:1}
.marca-txt{display:inline-flex;align-items:center;height:56px;font:700 22px/1 "Golos Text";letter-spacing:-.02em;color:#6B6A66}
.cine .marca-txt,.en-cine .marca-txt{color:#A6A5A0}

/* Mini gráficas de la portada */
.mini-g{width:112px;height:auto;margin-bottom:10px;overflow:visible}
.mini-g rect,.mini-g circle{fill:none;stroke:var(--tinta);stroke-width:1.2}
.mini-g line{stroke:var(--piedra);stroke-width:1}
.mini-g .f{fill:var(--tinta)}
.mini-g .n{fill:var(--rojo);stroke:var(--rojo)}
.g-mapa rect{stroke:none}.g-mapa .d{fill:var(--tinta)}.g-mapa .p{fill:#C9C7C0}.g-mapa .n{fill:var(--rojo)}
.lineas5 a:hover .mini-g{transform:translateY(-2px);transition:transform .4s var(--spring)}

/* Flujo de tres pasos */
.flujo3{list-style:none;display:grid;gap:0;border-top:1.5px solid var(--tinta)}
.flujo3 li{display:grid;gap:6px;padding:20px 0;border-bottom:1px solid var(--linea);position:relative}
.flujo3 b{font-size:21px;letter-spacing:-.025em}
.flujo3 p{color:var(--piedra)}
.flujo3 .recibe{color:var(--tinta);background:#fff;border:1px solid var(--linea);padding:10px 12px;margin-top:6px}
.flujo3 .recibe span{display:block;font:500 11px "Geist Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--rojo);margin-bottom:3px}
@media (min-width:1000px){.flujo3{grid-template-columns:repeat(3,1fr);border-top:0;gap:22px}
  .flujo3 li{border-bottom:0;border-top:1.5px solid var(--tinta);align-content:start}
  .flujo3 li:not(:last-child)::after{content:"";position:absolute;right:-17px;top:-6px;border:6px solid transparent;border-left-color:var(--tinta)}}

/* Zonas de red */
.zonas{display:grid;gap:24px;background:#fff;border:1px solid var(--linea);padding:clamp(14px,3vw,28px)}
.zonas svg{width:100%;height:auto}
.zonas .ln{stroke:#C9C7C0;stroke-width:1.5;transition:stroke .25s}
.zonas .ln.si{stroke:var(--tinta);stroke-width:2.5}
.zonas .ln.act{stroke:var(--tinta);stroke-width:2.5}
.zonas .zona rect{fill:var(--papel);stroke:var(--tinta);stroke-width:1.3;transition:fill .25s,stroke .25s}
.zonas .zona text,.zonas .fw text{font:600 15px "Golos Text";text-anchor:middle;fill:var(--tinta);pointer-events:none}
.zonas .zona[tabindex]{cursor:pointer;outline:none}
.zonas .zona[tabindex]:focus-visible rect{stroke-width:3}
.zonas .zona.activa rect{fill:var(--tinta)}.zonas .zona.activa text{fill:#fff}
.zonas .zona.si rect{fill:#fff;stroke-width:2.5}
.zonas .zona.no rect{fill:#FBF1F0;stroke:var(--rojo);stroke-dasharray:5 4}
.zonas .fw rect{fill:var(--cine)}.zonas .fw text{fill:#fff}
.zonas-txt{display:grid;gap:8px;align-content:start}
.zonas-txt b{font-size:19px}
.zonas-txt p{color:var(--piedra)}
.zonas-txt span{display:block;font:500 11px "Geist Mono";letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}
.zonas-txt .ok{color:var(--tinta)}.zonas-txt .ok span{color:var(--tinta)}
.zonas-txt .nok span{color:var(--rojo)}
@media (min-width:1000px){.zonas{grid-template-columns:1.6fr .8fr;align-items:center}}
.zonas .ln-f{stroke:var(--piedra);stroke-width:1.2;fill:none;stroke-dasharray:3 3}
.zonas .cap{font:500 11px "Geist Mono";letter-spacing:.08em;fill:var(--piedra)}
.zonas .fisico{cursor:pointer;outline:none}
.zonas .fisico rect{fill:#fff;stroke:var(--tinta);stroke-width:1.2;transition:fill .25s}
.zonas .fisico .cable{fill:var(--papel)}
.zonas .fisico text{font:600 13px "Golos Text";text-anchor:middle;fill:var(--tinta);pointer-events:none}
.zonas .fisico.activa rect,.zonas .fisico:focus-visible rect{fill:var(--tinta)}.zonas .fisico.activa text{fill:#fff}
.sello-m img{height:46px!important;filter:none!important;opacity:1!important}
.zonas-bot{display:none;flex-wrap:wrap;gap:6px}
.zonas-bot button{min-height:44px;padding:8px 12px;border:1px solid var(--linea);border-radius:2px;background:var(--papel);font:500 15px "Golos Text";transition:transform .45s var(--spring)}
.zonas-bot button:active{transform:scale(.95)}
.zonas-bot button[aria-pressed=true]{background:var(--tinta);color:#fff;border-color:var(--tinta)}
@media (max-width:999px){.zonas-bot{display:flex}}

/* Escalas */
.escalas{display:grid;gap:16px}
.escalas figure{display:grid;gap:12px;background:#fff;border:1px solid var(--linea);padding:18px}
.escalas svg{width:100%;max-width:220px;height:auto;justify-self:center}
.escalas .rack{fill:none;stroke:var(--tinta);stroke-width:1.5}
.escalas .eq{fill:var(--papel);stroke:var(--tinta);stroke-width:1.2}
.escalas circle{fill:var(--rojo)}
.escalas line{stroke:var(--tinta);stroke-width:1.2}
.escalas .base{stroke:var(--linea)}
.escalas .ha{stroke:var(--rojo);stroke-width:2}
.escalas b{display:block;font-size:18px}
.escalas span{color:var(--piedra);font-size:15px}
@media (min-width:900px){.escalas{grid-template-columns:repeat(3,1fr)}}

/* Selector de planes */
.selector{display:grid;gap:24px;background:#fff;border:1px solid var(--linea);padding:clamp(16px,3vw,30px)}
.preguntas{display:grid;gap:18px}
.preg{border:0;display:grid;gap:8px}
.preg legend{font-weight:600;margin-bottom:8px}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{min-height:44px;padding:8px 14px;border:1px solid var(--linea);border-radius:2px;background:var(--papel);font:500 15px "Golos Text";transition:transform .45s var(--spring),background-color .2s,color .2s,border-color .2s}
.seg button:active{transform:scale(.95);transition-duration:.1s}
.seg button[aria-pressed=true]{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.resultado{display:grid;gap:8px;align-content:start;background:var(--cine);color:var(--texto-cine);padding:22px}
.resultado .etq{color:var(--gris-cine)}
.resultado b{font-size:32px;letter-spacing:-.04em}
.resultado p{color:#CFCEC9}
.resultado .btn{justify-self:start;margin-top:8px;background:#fff;color:var(--tinta)}
@media (min-width:1000px){.selector{grid-template-columns:1.3fr .7fr}}
.planes5{list-style:none;display:grid;gap:12px;margin-top:22px}
.plan{position:relative;background:#fff;border:1px solid var(--linea);padding:18px;display:grid;gap:6px;transition:border-color .25s,transform .5s var(--spring)}
.plan b{font-size:19px}
.plan p{color:var(--piedra);font-size:14.5px}
.plan .rec{display:none;font:500 11px "Geist Mono";letter-spacing:.08em;text-transform:uppercase;color:var(--rojo)}
.plan.elegido{border:2px solid var(--tinta);transform:translateY(-3px)}
.plan.elegido .rec{display:block}
.complementos{list-style:none;display:grid;gap:12px;margin-top:10px}
.complementos li{border-top:1.5px solid var(--tinta);padding-top:10px}
.complementos p{color:var(--piedra);font-size:14.5px}
@media (min-width:900px){.planes5{grid-template-columns:repeat(5,1fr)}.complementos{grid-template-columns:repeat(3,1fr);gap:22px}}

/* AnyDesk */
.any-diag{display:grid;gap:10px}
.any-diag .nodo{background:#fff;border:1px solid var(--linea);padding:18px;display:grid;gap:6px}
.any-diag .nodo.centro{background:var(--cine);color:var(--texto-cine);border-color:var(--cine)}
.any-diag .nodo.centro .etq{color:var(--gris-cine)}
.any-diag .nodo b{font-size:18px}
.any-diag .nodo p{color:var(--piedra);font-size:14.5px}
.any-diag ul{list-style:none;display:grid;gap:6px;font-size:14.5px;color:#CFCEC9}
.any-diag ul li::before{content:"";display:inline-block;width:10px;height:1.5px;background:var(--rojo-cine);vertical-align:middle;margin-right:10px}
.tubo{justify-self:center;width:1.5px;height:28px;background:var(--tinta);position:relative;overflow:hidden}
.tubo i{position:absolute;left:-2px;width:5px;height:8px;background:var(--rojo);animation:viaja 2.4s infinite linear}
@keyframes viaja{from{top:-8px}to{top:100%}}
@media (min-width:1000px){.any-diag{grid-template-columns:1fr 60px 1.2fr 60px 1fr;align-items:center}
  .tubo{width:100%;height:1.5px;justify-self:stretch}.tubo i{top:-2px;width:8px;height:5px;animation-name:viajah}
  @keyframes viajah{from{left:-8px}to{left:100%}}}
.registro{margin-top:22px;border:1px solid var(--linea);background:#fff;font-size:14.5px}
.registro>div{display:grid;grid-template-columns:1fr 1.2fr 1.6fr .8fr;gap:10px;padding:10px 14px;border-bottom:1px solid var(--linea)}
.registro .cab{font:500 11px "Geist Mono";letter-spacing:.06em;text-transform:uppercase;color:var(--piedra)}
.registro span{font-family:"Geist Mono";font-size:13px;overflow:hidden;text-overflow:ellipsis}
.registro .rechazo span:last-child{color:var(--rojo)}
@media (max-width:640px){.registro>div{grid-template-columns:1fr 1fr}.registro .cab{display:none}}

/* Equipos */
.dib{width:100%;height:auto;max-width:140px}
.dib rect,.dib path,.dib circle{fill:none;stroke:var(--tinta);stroke-width:1.6;stroke-linejoin:round}
.dib line{stroke:var(--tinta);stroke-width:1.6}
.dib .lleno{fill:var(--tinta)}
.dib ellipse{fill:none;stroke:var(--tinta);stroke-width:1.6}
.armamos{list-style:none;display:grid;gap:12px}
.armamos li{display:grid;gap:6px;align-content:start;background:#fff;border:1px solid var(--linea);border-top:2px solid var(--tinta);padding:18px}
.armamos .dib{max-width:120px;margin-bottom:4px}
.armamos b{font-size:18px}.armamos p{color:var(--piedra);font-size:14.5px}
@media (min-width:700px){.armamos{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.armamos{grid-template-columns:repeat(5,1fr)}}
.cats{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cats li{display:grid;gap:8px;justify-items:center;text-align:center;background:#fff;border:1px solid var(--linea);padding:18px 10px}
@media (min-width:900px){.cats{grid-template-columns:repeat(5,1fr)}}
.ciclo{list-style:none;display:grid;gap:14px;counter-reset:c}
.ciclo li{display:grid;gap:6px;background:#fff;border:1px solid var(--linea);border-top:2px solid var(--tinta);padding:18px;align-content:start}
.ciclo li:last-child{border-top-color:var(--rojo)}
.ciclo .dib{max-width:110px;margin-bottom:6px}
.ciclo b{font-size:19px}
.ciclo p{color:var(--piedra);font-size:14.5px}
@media (min-width:1000px){.ciclo{grid-template-columns:repeat(5,1fr)}}

/* Tarjetas de revisión (marcas) */
.tarjs{list-style:none;display:grid;gap:14px}
.tarj{background:#fff;border:1px solid var(--linea);display:grid;align-content:start;overflow:hidden}
.tarj img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--linea)}
.tarj>div{padding:18px;display:grid;gap:6px;border-top:2px solid var(--tinta)}
.tarj.con-img>div{border-top:0}
.tarj b{font-size:18px}
.tarj p{color:var(--piedra);font-size:14.5px}
@media (min-width:700px){.tarjs{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.tarjs{grid-template-columns:repeat(3,1fr)}}

/* Confianza: capas */
.capas{display:grid;gap:18px}
.pila{list-style:none;display:grid;gap:6px}
.pila li{display:grid;grid-template-columns:36px 1fr;gap:4px 14px;background:#fff;border:1px solid var(--linea);padding:14px 16px}
.pila li .etq{grid-row:span 2;font-size:14px;color:var(--rojo);padding-top:2px}
.pila li:nth-child(1){margin-right:0}.pila li:nth-child(2){margin-left:4%}.pila li:nth-child(3){margin-left:8%}.pila li:nth-child(4){margin-left:12%}.pila li:nth-child(5){margin-left:16%}
.pila b{font-size:17px}.pila p{color:var(--piedra);font-size:14.5px}
.capas .lado{display:grid;gap:10px;align-content:start}
.capas .lado div{background:var(--cine);color:var(--texto-cine);padding:16px}
.capas .lado p{color:#CFCEC9;font-size:14.5px}
@media (max-width:700px){.pila li:nth-child(n){margin-left:0}}
@media (min-width:1000px){.capas{grid-template-columns:1.5fr .7fr}}

/* Contacto: después de escribir */
.despues{list-style:none;display:grid;gap:0;border-top:1.5px solid var(--tinta)}
.despues li{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--linea)}
.despues b{font-size:19px}.despues p{color:var(--piedra)}

/* Leyes: ¿cuál te aplica? */
.cual{list-style:none;display:grid;gap:14px}
.cual a{display:grid;gap:8px;align-content:start;height:100%;background:#fff;border:1px solid var(--linea);border-top:2px solid var(--tinta);padding:20px;text-decoration:none;transition:transform .5s var(--spring),border-color .2s}
.cual a:hover{transform:translateY(-3px)}
.cual b{font-size:20px;letter-spacing:-.02em}
.cual p{color:var(--piedra)}
.cual .ir{font-weight:600;margin-top:4px}
@media (min-width:900px){.cual{grid-template-columns:repeat(3,1fr)}}
.flujo3.corto .recibe{display:none}

/* Referencias */
.form textarea{width:100%;min-height:130px;border:1px solid var(--linea);border-radius:2px;padding:11px 13px;background:var(--blanco);font:16px "Golos Text";resize:vertical}
.modos{border:0;display:grid;gap:8px}
.modos legend{font-weight:600;font-size:14px;margin-bottom:8px}
.modo{display:grid!important;grid-template-columns:auto 1fr;gap:12px!important;align-items:start;background:#fff;border:1px solid var(--linea);padding:14px;font-weight:400!important;cursor:pointer;transition:border-color .2s}
.modo:has(input:checked){border:2px solid var(--tinta);padding:13px}
.modo input{width:18px;height:18px;margin-top:3px;accent-color:var(--tinta)}
.modo b{font-size:16px;font-weight:600}
.modo small{display:block;color:var(--piedra);font-size:14px;margin-top:3px}
.vista{background:var(--blanco);border:1px dashed var(--linea);padding:16px}
.vista blockquote p{font-size:18px;line-height:1.4}
.vista footer{color:var(--piedra);font-size:14px;margin-top:8px}
.vista.privada blockquote p{opacity:.4}
.ref-flujo{list-style:none;display:grid;gap:10px;margin-top:20px}
.ref-flujo li{border-top:1.5px solid var(--tinta);padding-top:10px}
.ref-flujo p{color:var(--piedra);font-size:14.5px}
@media (prefers-reduced-motion:reduce){.tubo i{animation:none}}