/* Portada debajo del hero (D25, D26). Colores de marca: azul logo #00AFEF, azul #0565B0, naranja #FA7800, negro, blanco y fondo #F4FCFF.
   Todo claro: la única hoja azul es el buscador. Tokens y botones en site.css. */
main{--sec:clamp(72px,8.4vw,128px);--hoja:clamp(8px,1.3vw,20px);--r-hoja:clamp(28px,3.2vw,48px);--r-g:clamp(22px,2.2vw,30px);--cielo:#DDF3FC;--pelo:0 0 0 1px rgba(5,101,176,.1);--suave:0 0 0 1px rgba(5,101,176,.08),0 30px 60px -44px rgba(5,101,176,.45)}
.p-sec{padding-block:var(--sec)}
.p-h2{font-size:clamp(30px,3.9vw,50px);line-height:1.08;letter-spacing:-.03em;max-width:20ch}
.p-color{background:linear-gradient(100deg,#0565B0,#0091DA 62%,#00AFEF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--azul-tinta)}
.p-lead{font-size:clamp(17px,1.4vw,19.5px);line-height:1.5;color:var(--gris);margin:16px 0 0;max-width:56ch}
.p-cab{max-width:860px}
.p-cab .p-h2{max-width:24ch}
.p-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,5vw,80px);align-items:end}
.p-split .p-lead{margin-top:0}
.p-ind-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 40px;flex-wrap:wrap}
.p-ind-cab>div{max-width:760px}
.p-ligas{display:flex;flex-wrap:wrap;gap:4px 28px}

/* Enlace con flecha en círculo */
.p-liga{display:inline-flex;align-items:center;gap:12px;margin-top:16px;font-family:var(--titulo);font-weight:700;font-size:15.5px;color:var(--azul-tinta);text-decoration:none}
.p-liga i{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--niebla);box-shadow:inset 0 0 0 1px var(--linea);transition:transform .55s var(--resorte),background-color .4s var(--resorte),color .4s var(--resorte)}
.p-liga .ico{width:18px;height:18px}
.p-liga:hover i{transform:translate(3px,-2px) scale(1.06);background:var(--azul-tinta);color:var(--blanco)}
.p-ind-cab>.p-liga{margin-top:0}
.p-ir{position:absolute;right:clamp(14px,1.5vw,20px);top:clamp(14px,1.5vw,20px);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--blanco);color:var(--azul-tinta);box-shadow:0 8px 20px -10px rgba(5,101,176,.5);pointer-events:none;transition:transform .55s var(--resorte)}
.p-ir .ico{width:20px;height:20px}
a:hover>.p-ir,.p-c:hover>.p-ir{transform:translate(3px,-3px) scale(1.08)}

/* Códigos que llevan a su ficha */
.p-chips{display:flex;flex-wrap:wrap;gap:6px}
.p-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--niebla);box-shadow:inset 0 0 0 1px var(--linea);color:var(--azul-tinta);font-family:var(--codigo);font-size:13.5px;text-decoration:none;transition:background-color .35s var(--resorte),color .35s var(--resorte),transform .5s var(--resorte)}
.p-chip:hover{background:var(--azul-tinta);color:var(--blanco);transform:translateY(-1px)}
.p-tambien{margin:clamp(24px,3vw,36px) 0 0;color:var(--gris);font-size:16.5px}
.p-tambien a{color:var(--azul-tinta);font-weight:700;text-underline-offset:3px}

/* Entradas: mismo .rev de site.css, escalonado */
.js .p-mosaico .rev,.js .p-logos .rev,.js .p-app.rev,.js .p-gu-t.rev,.js .p-q-c.rev,.js .p-res.rev{transition-delay:calc(var(--n,0) * 80ms)}

/* 2. Amplio catálogo: mosaico */
.p-catalogo{padding-top:clamp(40px,4.4vw,72px)}
.p-mosaico{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.3vw,18px);margin-top:clamp(32px,4vw,56px)}
.p-c{position:relative;display:flex;min-height:clamp(250px,21vw,300px);border-radius:var(--r-g);overflow:hidden;background:var(--blanco);box-shadow:var(--suave);transition:transform .7s var(--resorte),box-shadow .7s var(--resorte)}
.p-c:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(0,175,239,.35),0 34px 60px -40px rgba(5,101,176,.6)}
.p-c-txt{position:relative;z-index:1;display:grid;gap:8px;align-content:start;width:58%;padding:clamp(20px,2.1vw,30px)}
.p-c h3{margin:0;font-weight:800;font-size:clamp(20px,1.8vw,25px);line-height:1.14;letter-spacing:-.02em}
.p-c h3 a{color:inherit;text-decoration:none}
.p-c h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.p-c p{margin:0;font-size:16px;line-height:1.42;color:var(--gris)}
.p-c .p-chips{position:relative;z-index:2;margin-top:8px}
.p-c-foto{position:absolute;right:0;top:0;bottom:0;width:46%}
.p-c-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--resorte)}
.p-c:hover .p-c-foto img{transform:scale(1.04)}
.p-c-1200{grid-column:span 7;grid-row:span 2;flex-direction:column;background:radial-gradient(560px 420px at 74% 78%,rgba(255,255,255,.34),transparent 72%),linear-gradient(125deg,#0565B0,#0574C6 56%,#00AFEF);color:var(--blanco)}
.p-c-1200 .p-c-txt{width:100%;max-width:560px;gap:12px;padding:clamp(24px,2.8vw,38px)}
.p-c-1200 h3{font-size:clamp(32px,3.6vw,50px);letter-spacing:-.03em}
.p-c-1200 p{color:var(--blanco);font-size:clamp(16.5px,1.3vw,18.5px)}
.p-c-1200 .p-chip{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.36);color:var(--blanco)}
.p-c-1200 .p-chip:hover{background:var(--blanco);color:var(--azul-tinta)}
.p-c-1200 .p-c-foto{position:relative;order:2;width:auto;margin:auto 5% 3% 18%;top:auto;right:auto;bottom:auto}
.p-c-1200 .p-c-foto img{height:auto;object-fit:contain;filter:drop-shadow(0 34px 30px rgba(3,50,100,.5))}
.p-c-600,.p-c-1700{grid-column:span 5}
.p-c-1700{background:linear-gradient(140deg,var(--cielo),var(--niebla))}
.p-c-1700 .p-c-foto{width:48%;right:3%;display:grid;place-items:center}
.p-c-1700 .p-c-foto img{height:auto;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(5,60,110,.32))}
.p-c-ipm,.p-c-pim{grid-column:span 6}

/* 3. Piezas con ficha */
.p-vitrina{background:var(--niebla)}
.p-vit{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(20px,3vw,44px);margin-top:clamp(32px,4vw,52px);align-items:stretch}
.p-vit-lista{display:grid;align-content:space-between;gap:2px}
.p-vit-lista button{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:15px 16px;border:0;border-radius:14px;background:none;color:var(--gris);text-align:left;cursor:pointer;transition:background-color .4s var(--resorte),color .3s var(--resorte),transform .6s var(--resorte)}
.p-vit-cod{font-family:var(--codigo);font-size:15.5px;overflow-wrap:anywhere}
.p-vit-lista small{font-size:13.5px;flex:none}
.p-vit-lista button:hover{color:var(--negro)}
.p-vit-lista [aria-selected=true]{background:var(--blanco);color:var(--azul-tinta);box-shadow:0 14px 30px -20px rgba(5,101,176,.45);transform:translateX(6px)}
.p-vit-esc{display:grid;background:var(--blanco);border-radius:var(--r-hoja);box-shadow:var(--suave);overflow:hidden}
.p-vit-p{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(16px,2.4vw,36px);align-items:center;padding:clamp(24px,3vw,44px)}
.p-vit-foto{display:grid;place-items:center;min-height:clamp(240px,27vw,380px);background:radial-gradient(closest-side,rgba(0,175,239,.14),transparent);min-width:0}
.p-vit-foto img{width:100%;max-height:clamp(240px,27vw,370px);object-fit:contain;filter:drop-shadow(0 30px 26px rgba(5,60,110,.3))}
.p-vit-foto-blanca{background:none}
.p-vit-foto-blanca img{filter:none;mix-blend-mode:multiply}
.p-vit-logo{height:26px;width:auto;max-width:130px;object-fit:contain}
.p-vit-info h3{margin:14px 0 0;font-family:var(--codigo);font-weight:500;font-size:clamp(20px,1.9vw,26px);letter-spacing:-.01em;overflow-wrap:anywhere}
.p-vit-info p{margin:10px 0 22px;color:var(--gris);font-size:16px;line-height:1.45}
.p-vit-bt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.p-vit-bt .p-liga{margin-top:0}
.js .p-vit-p{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .4s var(--resorte),visibility .4s}
.js .p-vit-p.activa{opacity:1;visibility:visible;z-index:1}
.js .p-vit-foto img{transform:translateX(44px) scale(.93) rotate(1.2deg);transition:transform .9s var(--resorte)}
.js .p-vit-p.activa .p-vit-foto img{transform:none}
.js .p-vit-info{transform:translateY(12px);transition:transform .8s var(--resorte)}
.js .p-vit-p.activa .p-vit-info{transform:none}
html:not(.js) .p-vit{grid-template-columns:minmax(0,1fr)}
html:not(.js) .p-vit-lista{display:none}
.p-mas-fichas{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:12px clamp(20px,3vw,44px);align-items:start;margin-top:clamp(24px,3vw,36px)}
.p-mas-fichas h3{margin:6px 0 0 16px;font-size:17px;font-weight:700;letter-spacing:-.01em}
.p-mas-fichas .p-chip{background:var(--blanco)}
.p-mas-fichas .p-chip:hover{background:var(--azul-tinta)}

/* 4. Buscador: la hoja azul de la portada */
.p-hoja{position:relative;margin-inline:var(--hoja);border-radius:var(--r-hoja);padding-block:clamp(64px,7.6vw,112px);color:var(--blanco);overflow:hidden;isolation:isolate}
.p-buscador{background:radial-gradient(760px 620px at 84% 36%,rgba(255,255,255,.3),transparent 72%),linear-gradient(118deg,#0565B0,#0572C2 58%,#00AFEF)}
.p-buscador .p-h2{max-width:17ch}
.p-buscador .p-lead{color:var(--blanco)}
.p-busca-in{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);grid-template-areas:"txt foto" "caja foto";column-gap:clamp(24px,5vw,72px);row-gap:clamp(22px,2.6vw,32px);align-items:center}
.p-busca-txt{grid-area:txt}
.p-busca-caja{grid-area:caja;align-self:start;min-width:0}
.p-etiqueta{grid-area:foto;position:relative;margin:0;min-width:0}
.p-etiqueta>img{width:100%;height:auto;filter:drop-shadow(0 40px 36px rgba(3,50,100,.5))}
.p-lupa{--d:clamp(150px,19vw,250px);position:absolute;right:-3%;bottom:-16%;width:var(--d);height:var(--d);border-radius:50%;background-color:#F5F7F8;background-image:var(--foto);background-repeat:no-repeat;background-size:310% auto;background-position:36% 124%;box-shadow:0 0 0 6px var(--blanco),0 0 0 8px rgba(5,101,176,.14),0 30px 50px -16px rgba(3,50,100,.6);animation:p-lupa 7s cubic-bezier(.45,.05,.55,.95) infinite alternate}
@keyframes p-lupa{from{background-position:30% 124%;transform:translateY(0)}to{background-position:46% 124%;transform:translateY(-8px)}}
.p-etiqueta figcaption{position:absolute;left:2%;bottom:-20%;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34);font-size:15px;font-weight:500}
.p-buscador .bisel{max-width:none;margin-top:0;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.26)}
.p-buscador .busca{padding:clamp(16px,1.8vw,22px);box-shadow:0 30px 60px -28px rgba(3,50,100,.6)}
.p-buscador .busca input{height:64px;font-size:clamp(17px,1.7vw,21px);padding-inline:26px}
.p-buscador .busca button{height:64px;padding:0 26px;font-size:16px;display:inline-flex;align-items:center;gap:10px;background:var(--azul-tinta)}
.p-buscador .busca button:hover{background:#0A86D4}
.p-buscador .wa-falta{padding-top:12px}
.p-prueba{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:15px;color:var(--blanco)}
.p-prueba button{min-height:38px;padding:0 14px;border:0;border-radius:999px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);color:var(--blanco);font-family:var(--codigo);font-size:14.5px;cursor:pointer;transition:background-color .35s var(--resorte),transform .5s var(--resorte)}
.p-prueba button:hover{background:rgba(255,255,255,.3)}
.p-prueba button:active{transform:scale(.96)}
.p-busca-nota{margin:14px 0 0;font-size:15.5px;color:var(--blanco)}
.p-busca-nota a{color:var(--blanco);font-weight:700}

/* 5. Marcas */
.p-marcas .p-h2{max-width:22ch}
.p-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(32px,4vw,56px);border-radius:var(--r-g);overflow:hidden;box-shadow:inset 0 0 0 1px var(--linea);background:var(--blanco)}
.p-logos li{box-shadow:inset -1px -1px 0 var(--linea)}
.p-logos a{position:relative;display:grid;align-content:start;gap:3px;height:100%;min-height:clamp(150px,13.5vw,178px);padding:clamp(18px,2vw,26px);text-decoration:none;transition:background-color .45s var(--resorte)}
.p-logos a:hover{background:var(--niebla)}
.p-logos img{height:42px;width:auto;max-width:150px;object-fit:contain;object-position:left center;margin-bottom:12px;mix-blend-mode:multiply;transition:transform .7s var(--resorte);transform-origin:0 50%}
.p-logos a:hover img{transform:scale(1.06)}
.p-logos b{font-family:var(--titulo);font-weight:700;font-size:16px;line-height:1.22;letter-spacing:-.01em;color:var(--negro)}
.p-logos small{font-size:14.5px;line-height:1.35;color:var(--gris)}
.p-logos-fin a{align-content:end;background:var(--azul-tinta);color:var(--blanco);padding-right:64px}
.p-logos-fin a:hover{background:#0A86D4}
.p-logos-fin b{color:var(--blanco);font-weight:800;font-size:clamp(18px,1.6vw,21px)}
.p-logos-fin small{color:var(--blanco)}

/* 6. Aplicaciones */
.p-apps{background:var(--niebla)}
.p-app-lista{display:grid;grid-template-columns:5fr 4fr 3fr;gap:clamp(12px,1.3vw,18px);margin-top:clamp(32px,4vw,52px)}
.p-app>a{position:relative;display:grid;grid-template-rows:clamp(190px,20vw,280px) 1fr;height:100%;border-radius:var(--r-g);overflow:hidden;background:var(--blanco);box-shadow:var(--suave);text-decoration:none;transition:transform .7s var(--resorte)}
.p-app>a:hover{transform:translateY(-4px)}
.p-app-foto{display:block;overflow:hidden}
.p-app-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--resorte)}
.p-app>a:hover .p-app-foto img{transform:scale(1.045)}
.p-app-txt{display:grid;gap:6px;align-content:start;padding:clamp(18px,2vw,26px)}
.p-app-txt b{font-family:var(--titulo);font-weight:800;font-size:clamp(19px,1.65vw,23px);line-height:1.16;letter-spacing:-.018em}
.p-app-txt small{font-size:16px;line-height:1.42;color:var(--gris)}

/* 7. Por qué Digitec: la pista que une los tres países */
.p-ruta{position:relative;margin-top:clamp(44px,5.4vw,76px)}
.js .p-ruta.rev{opacity:1;transform:none}
.p-ruta-svg{position:absolute;left:0;top:0;width:100%;height:64px;overflow:visible}
.p-ruta-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.p-ruta-base{stroke:#BFE3F4;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:0}
.js .p-ruta .p-ruta-base{stroke-dashoffset:1;transition:stroke-dashoffset 2.2s var(--resorte)}
.js .p-ruta.ver .p-ruta-base{stroke-dashoffset:0}
.p-ruta-luz{stroke:var(--naranja);stroke-width:2.5;stroke-dasharray:.07 .93;animation:p-luz 6.5s linear infinite}
@keyframes p-luz{from{stroke-dashoffset:1.07}to{stroke-dashoffset:.07}}
.p-ruta ol{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.p-ruta li{position:relative;padding-top:76px;display:grid;gap:6px;align-content:start}
.p-nodo{position:absolute;left:0;top:23px;width:18px;height:18px;border-radius:50%;background:var(--blanco);box-shadow:0 0 0 2px var(--azul),0 0 0 8px rgba(0,175,239,.14)}
.p-nodo::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--azul-tinta)}
.p-ruta b{font-family:var(--titulo);font-weight:800;font-size:clamp(23px,2.3vw,32px);letter-spacing:-.025em;line-height:1.1;color:var(--azul-tinta)}
.p-ruta span{color:var(--gris);max-width:34ch}
.js .p-ruta li{opacity:0;transform:translateY(18px);transition:opacity .9s var(--resorte),transform 1s var(--resorte);transition-delay:calc(.35s + var(--n) * .28s)}
.js .p-ruta.ver li{opacity:1;transform:none}
.p-sellos{margin-top:clamp(32px,4vw,52px)}
.p-sellos li{background:var(--niebla);box-shadow:inset 0 0 0 1px var(--linea);color:var(--negro)}

/* 8. Tres pasos en una fila */
.p-pasos-s{padding-bottom:var(--sec)}
.p-pasos-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(26px,3.4vw,48px);border-radius:var(--r-hoja);background:linear-gradient(120deg,var(--cielo),var(--niebla) 76%);box-shadow:var(--pelo)}
.p-pasos-t .p-h2{font-size:clamp(26px,2.8vw,38px);margin-bottom:20px}
.p-pasos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);counter-reset:p}
.p-pasos li{position:relative;counter-increment:p;display:grid;gap:4px;align-content:start;padding-top:58px}
.p-pasos li::before{content:counter(p);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--titulo);font-weight:800;font-size:18px;color:var(--blanco);background:var(--azul-tinta);box-shadow:0 0 0 6px rgba(0,175,239,.16)}
.p-pasos li:not(:last-child)::after{content:"";position:absolute;left:60px;right:-8px;top:22px;height:2px;border-radius:2px;background:#BFE3F4}
.p-pasos b{font-family:var(--titulo);font-weight:700;font-size:clamp(17px,1.4vw,19px);line-height:1.2;letter-spacing:-.012em}
.p-pasos span{color:var(--gris);font-size:15.5px;line-height:1.4}

/* 9. Guías: mosaico de fotos reales */
.p-guias{padding-top:0}
.p-gu-caja{margin-top:clamp(28px,3.6vw,48px)}
.p-gu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(240px,23vw,316px);gap:clamp(10px,1.1vw,16px)}
.p-gu:focus-visible{outline-offset:6px}
.p-gu-t:nth-child(8n+1){grid-column:span 2;grid-row:span 2}
.p-gu-t:nth-child(8n+6){grid-column:span 2}
.p-gu-t:nth-child(8n+6) .p-gu-foto{object-position:50% 22%}
.p-gu-t a{position:relative;display:block;height:100%;border-radius:var(--r-g);overflow:hidden;background:var(--cielo);text-decoration:none;box-shadow:var(--pelo)}
.p-gu-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--resorte)}
.p-gu-recorte{object-fit:contain;padding:8% 10% 32%}
.p-gu-t a:hover .p-gu-foto{transform:scale(1.05)}
.p-gu-txt{position:absolute;left:10px;right:10px;bottom:10px;display:grid;gap:2px;padding:12px 16px 13px;border-radius:calc(var(--r-g) - 10px);background:var(--blanco);box-shadow:0 14px 30px -18px rgba(5,60,110,.5);transition:transform .6s var(--resorte)}
.p-gu-t a:hover .p-gu-txt{transform:translateY(-3px)}
.p-gu-txt small{font-size:13.5px;font-weight:500;color:var(--azul-tinta)}
.p-gu-txt b{font-family:var(--titulo);font-weight:800;font-size:clamp(16px,1.3vw,18px);line-height:1.2;letter-spacing:-.014em}
.p-gu-t:nth-child(8n+1) .p-gu-txt{padding:18px 22px 20px;left:14px;right:14px;bottom:14px}
.p-gu-t:nth-child(8n+1) b{font-size:clamp(21px,2.1vw,29px);letter-spacing:-.022em}
.p-gu-txt em{font-style:normal;font-size:15.5px;line-height:1.42;color:var(--gris);margin-top:3px}
.p-gu-mas-t{margin:clamp(28px,3.4vw,44px) 0 14px;font-size:clamp(19px,1.6vw,22px);font-weight:800;letter-spacing:-.018em}
.p-gu-mas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.p-gu-mas a{display:flex;align-items:center;gap:12px;height:100%;min-height:70px;padding:8px 14px 8px 8px;border-radius:16px;background:var(--niebla);box-shadow:inset 0 0 0 1px var(--linea);font-family:var(--titulo);font-weight:700;font-size:14.5px;line-height:1.25;letter-spacing:-.008em;text-decoration:none;transition:background-color .4s var(--resorte),color .3s var(--resorte),transform .6s var(--resorte)}
.p-gu-mas a:hover{background:var(--cielo);color:var(--azul-tinta);transform:translateY(-2px)}
.p-gu-mas img{width:72px;height:56px;flex:none;padding:4px;border-radius:10px;background:var(--blanco);object-fit:contain}

/* 10. Contenido SEO, a la vista */
.p-saber{background:var(--niebla)}
.p-saber-in{display:grid;grid-template-columns:minmax(0,350px) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.p-saber-lado{position:sticky;top:112px}
.p-saber-lado .p-h2{font-size:clamp(28px,2.9vw,38px)}
.p-saber-lado nav{margin:22px 0 24px}
.p-saber-lado nav a{display:block;padding:9px 0;border-bottom:1px solid var(--linea);color:var(--negro);font-weight:500;text-decoration:none;transition:color .3s var(--resorte),transform .5s var(--resorte)}
.p-saber-lado nav a:hover{color:var(--azul-tinta);transform:translateX(4px)}
.p-saber-txt{min-width:0;max-width:720px}
.p-saber-txt h3{margin:clamp(34px,3.6vw,48px) 0 0;font-size:clamp(21px,1.9vw,26px);font-weight:800;line-height:1.18;letter-spacing:-.02em;scroll-margin-top:110px}
.p-saber-txt h3:first-child{margin-top:0}
.p-saber-txt p{margin:12px 0 0;line-height:1.62}
.p-saber-txt p a{color:var(--azul-tinta);font-weight:700;text-underline-offset:3px}
.p-tabla-c{margin-top:18px;border-radius:18px;overflow-x:auto;background:var(--blanco);box-shadow:var(--pelo)}
.p-tabla{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.38}
.p-tabla th,.p-tabla td{padding:13px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--linea)}
.p-tabla thead th{border-top:0;font-family:var(--titulo);font-size:14.5px;font-weight:700;color:var(--azul-tinta)}
.p-tabla tbody th{font-family:var(--titulo);font-weight:800;white-space:nowrap}
.p-saber-txt .p-nota{margin-top:10px;font-size:14.5px;color:var(--gris)}
.p-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.p-config li{display:grid;gap:3px;align-content:start;padding:16px 18px;border-radius:18px;background:var(--blanco);box-shadow:var(--pelo)}
.p-config b{font-family:var(--titulo);font-weight:700;font-size:16.5px;letter-spacing:-.01em}
.p-config span{color:var(--gris);font-size:15.5px;line-height:1.4}
.p-config a{margin-top:4px;color:var(--azul-tinta);font-family:var(--codigo);font-size:13.5px;overflow-wrap:anywhere}
.p-enc{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.p-enc li{padding:6px 14px;border-radius:999px;background:var(--blanco);box-shadow:inset 0 0 0 1px var(--linea);font-family:var(--titulo);font-weight:700;font-size:14.5px;color:var(--azul-tinta)}

/* 11. Reseñas: cascada lista para las reales */
.p-res-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.p-res-fuente{display:inline-flex;align-items:center;gap:10px;margin:20px 0 0;font-family:var(--titulo);font-weight:700;font-size:17px}
.p-g{width:28px;height:28px;flex:none}
.p-res-txt .pendiente{display:block;width:fit-content;border-radius:18px;margin-top:14px}
.p-res-vacia{position:relative;height:clamp(240px,23vw,300px)}
.p-res-vacia .p-res{position:absolute;width:min(70%,380px);padding:22px;border-radius:var(--r-g);background:var(--blanco);box-shadow:var(--suave);display:grid;gap:11px}
.p-res-vacia .p-res:nth-child(1){left:0;top:2%;rotate:-3deg;z-index:1}
.p-res-vacia .p-res:nth-child(2){right:0;top:20%;rotate:2.4deg;z-index:2}
.p-res-vacia .p-res:nth-child(3){left:11%;bottom:0;rotate:-1deg;z-index:3}
.p-res-vacia i{display:block;height:10px;border-radius:999px;background:#E3F1F8}
.p-res-vacia i:nth-child(2){width:84%}
.p-res-vacia i:nth-child(3){width:58%}
.p-res-vacia u{display:block;width:40%;height:11px;margin-top:6px;border-radius:999px;background:#CDE7F4}
.p-res-lista:not(.p-res-vacia){display:grid;gap:14px}
.p-res-lista:not(.p-res-vacia) .p-res{background:var(--niebla);border-radius:var(--r-g);padding:clamp(20px,2.2vw,30px)}
.p-res blockquote{margin:0}
.p-res blockquote p{margin:0}
.p-res-e{color:var(--naranja);letter-spacing:.1em;margin-bottom:8px!important}
.p-res footer{display:flex;gap:10px;align-items:baseline;margin-top:12px}
.p-res footer b{font-family:var(--titulo)}
.p-res footer small{color:var(--gris)}

/* 12. Preguntas: tablero a la vista */
.p-preguntas{background:var(--niebla)}
.p-q{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.1vw,16px);margin-top:clamp(28px,3.6vw,48px)}
.p-q-c{display:flex;flex-direction:column;gap:8px;padding:clamp(20px,2vw,26px);border-radius:var(--r-g);background:var(--blanco);box-shadow:var(--pelo)}
.p-q-c h3{margin:0;font-size:clamp(17.5px,1.45vw,19.5px);font-weight:800;line-height:1.22;letter-spacing:-.015em}
.p-q-c p{margin:0;font-size:16px;line-height:1.48;color:var(--gris)}
.p-q-c a{margin-top:auto;padding-top:6px;color:var(--azul-tinta);font-weight:700;font-size:15.5px;text-underline-offset:3px}
.p-q-c:first-child{grid-row:span 2;padding:0 0 clamp(20px,2vw,26px);overflow:hidden;background:linear-gradient(160deg,#0565B0,#0572C2);color:var(--blanco);box-shadow:none}
.p-q-c:first-child>:not(img){margin-inline:clamp(20px,2vw,26px)}
.p-q-foto{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin-bottom:10px}
.p-q-c:first-child h3{font-size:clamp(21px,1.9vw,26px)}
.p-q-c:first-child p,.p-q-c:first-child a{color:var(--blanco)}

/* 13. Cierre: cotización ligera */
.p-cierre{padding-block:var(--sec)}
.p-cierre-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:center}
.p-cierre .p-h2{max-width:14ch}
.p-cierre-d{margin-top:22px;border-top:1px solid var(--linea)}
.p-cierre-d li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--linea);font-size:15.5px}
.p-cierre-d li span{color:var(--gris)}
.p-cierre-d a,.p-cierre-d b{font-weight:700;color:var(--negro);text-decoration:none;text-align:right;overflow-wrap:anywhere}
.p-cierre-d a{transition:color .3s var(--resorte)}
.p-cierre-d a:hover{color:var(--azul-tinta)}
.p-form{max-width:none;margin-top:0;background:var(--niebla);box-shadow:inset 0 0 0 1px var(--linea)}
.p-form .dgf{border-radius:calc(26px - 7px);padding:clamp(18px,2.4vw,30px);box-shadow:0 30px 60px -40px rgba(5,101,176,.45)}
#formulario-portada .dgf-campo{margin-bottom:12px}
#formulario-portada textarea{height:86px;min-height:86px;font-size:15.5px;line-height:1.5}
#formulario-portada .dgf-cuenta{margin:-6px 0 6px;min-height:0}
#formulario-portada .dgf-cuenta:empty{display:none}
#formulario-portada .dgf-wa-vista{margin:6px 0 12px;padding-top:0;border-top:0;gap:8px}
#formulario-portada .dgf-wa-vista h3{font-size:15px}
#formulario-portada .wav{max-width:none;box-shadow:0 0 0 1px rgba(5,101,176,.1)}
#formulario-portada .wav-chat{min-height:92px;max-height:210px}
#formulario-portada .dgf-wa-pie{gap:8px}
#formulario-portada .dgf-legal{font-size:13.5px;line-height:1.4}
.p-mas{display:none}
.js .p-mas{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;padding:0;min-height:30px;border:0;background:none;color:var(--azul-tinta);font-weight:700;font-size:15px;cursor:pointer;text-align:left}
.p-mas i{position:relative;width:22px;height:22px;flex:none;border-radius:50%;background:var(--niebla);box-shadow:inset 0 0 0 1px var(--linea)}
.p-mas i::before,.p-mas i::after{content:"";position:absolute;left:6px;right:6px;top:10px;height:2px;border-radius:2px;background:var(--azul-tinta)}
.p-mas i::after{transform:rotate(90deg)}
.js #formulario-portada:not(.p-abierto) .dgf-fila-3{grid-template-columns:minmax(0,1fr)}
.js #formulario-portada:not(.p-abierto) .dgf-campo:has([name=empresa]),.js #formulario-portada:not(.p-abierto) .dgf-campo:has([name=telefono]),.js #formulario-portada:not(.p-abierto) .dgf-campo:has([name=comentarios]),.js #formulario-portada:not(.p-abierto) .dgf-aviso,.js #formulario-portada:not(.p-abierto) .dgf-lista+.dgf-ayuda{display:none}
.js #formulario-portada.p-abierto .p-mas{display:none}
#formulario-portada .dgf-aviso{margin-bottom:12px}
@media (min-width:1000px){
  #formulario-portada{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(18px,2.2vw,30px)}
  #formulario-portada>*{grid-column:1}
  #formulario-portada>.dgf-wa-vista{grid-column:2;grid-row:1/span 6;margin:0;align-content:start}
  #formulario-portada>.dgf-wa-pie{grid-column:1/-1}
  #formulario-portada .wav-chat{min-height:150px}
}

/* Movimiento ligado al scroll donde el navegador lo soporta */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .p-c-1200 .p-c-foto img,.p-etiqueta>img{animation:p-sube linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes p-sube{from{transform:translateY(22px)}to{transform:translateY(-22px)}}
  }
}

@media (max-width:1120px){
  .p-vit,.p-mas-fichas{grid-template-columns:minmax(0,1fr)}
  .p-mas-fichas h3{margin-left:0}
  .p-vit-lista{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--margen) * -1);padding:4px var(--margen)}
  .p-vit-lista::-webkit-scrollbar{display:none}
  .p-vit-lista button{flex:none;width:auto;padding:0 16px;min-height:46px;align-items:center;background:var(--blanco);box-shadow:inset 0 0 0 1px var(--linea);border-radius:999px}
  .p-vit-lista [aria-selected=true]{background:var(--azul-tinta);color:var(--blanco);transform:none;box-shadow:none}
  .p-vit-lista small{display:none}
  .p-saber-in{grid-template-columns:minmax(0,1fr)}
  .p-saber-lado{position:static;max-width:620px}
  .p-pasos-in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:980px){
  .p-c-1200,.p-c-600,.p-c-1700,.p-c-ipm,.p-c-pim{grid-column:span 12;grid-row:auto}
  .p-c-600,.p-c-1700,.p-c-ipm,.p-c-pim{grid-column:span 6;flex-direction:column;min-height:0}
  .p-c-txt{width:100%;order:2}
  .p-c-600 .p-c-foto,.p-c-1700 .p-c-foto,.p-c-ipm .p-c-foto,.p-c-pim .p-c-foto{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:190px;padding:0}
  .p-c-1700 .p-c-foto{padding:14px 12%}
  .p-c-1700 .p-c-foto img{height:100%}
  .p-c-1200 .p-c-txt{order:0}
  .p-c-1200 .p-c-foto{height:auto;margin:10px 8% 4% 14%}
  .p-split,.p-res-in,.p-cierre-in{grid-template-columns:minmax(0,1fr)}
  .p-busca-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"txt" "caja" "foto"}
  .p-etiqueta{max-width:460px;margin:24px auto 0;width:86%}
  .p-res-vacia{max-width:520px;margin-inline:auto;width:100%}
  .p-vit-p{grid-template-columns:minmax(0,1fr)}
  .p-vit-foto{min-height:240px}
  .p-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .p-gu{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(230px,40vw,320px)}
  .p-app-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-gu-mas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-app:first-child{grid-column:1/-1}
  .p-q{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-q-c:first-child{grid-column:1/-1;grid-row:auto}
  .p-q-foto{aspect-ratio:16/7}
  .p-cierre .p-h2{max-width:20ch}
}
@media (max-width:767px){
  .p-ruta-svg{display:none}
  .p-ruta ol{grid-template-columns:minmax(0,1fr);gap:0}
  .p-ruta li{padding:0 0 28px 40px}
  .p-ruta li:last-child{padding-bottom:0}
  .p-ruta li::before{content:"";position:absolute;left:8.5px;top:6px;bottom:-6px;width:1px;background:#BFE3F4}
  .p-ruta li:last-child::before{display:none}
  .p-nodo{top:6px}
  .p-pasos{grid-template-columns:minmax(0,1fr);gap:14px}
  .p-pasos li{padding:0 0 0 60px;min-height:44px}
  .p-pasos li:not(:last-child)::after{left:21px;right:auto;top:50px;bottom:-12px;width:2px;height:auto}
  .p-res-vacia{height:280px}
  .p-res-vacia .p-res{width:82%;padding:18px}
}
@media (max-width:620px){
  .p-c-600,.p-c-1700,.p-c-ipm,.p-c-pim{grid-column:span 12}
  .p-c-1200 .p-c-foto{margin:6px 2% 4% 2%}
  .p-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-logos a{padding:16px 14px;min-height:150px}
  .p-logos img{height:32px;max-width:112px;margin-bottom:10px}
  .p-logos b{font-size:15px}
  .p-logos small{font-size:14px}
  .p-app-lista,.p-q{grid-template-columns:minmax(0,1fr)}
  .p-app-foto{height:200px}
  .p-app>a{grid-template-rows:auto 1fr}
  .p-gu{display:flex;grid-auto-rows:auto;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--margen);margin-inline:calc(var(--margen) * -1);padding-inline:var(--margen);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .p-gu::-webkit-scrollbar,.p-gu-mas::-webkit-scrollbar{display:none}
  .p-gu-mas{grid-template-columns:none;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:min(80vw,320px);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--margen);margin-inline:calc(var(--margen) * -1);padding-inline:var(--margen);scrollbar-width:none}
  .p-gu-mas li{scroll-snap-align:start}
  .p-gu-t,.p-gu-t:nth-child(8n+1),.p-gu-t:nth-child(8n+6){flex:0 0 min(80vw,340px);height:clamp(320px,92vw,400px);scroll-snap-align:start}
  .p-gu-t:nth-child(8n+1) b{font-size:20px}
  .p-gu-txt em{display:none}
  .p-config{grid-template-columns:minmax(0,1fr)}
  .p-tabla th,.p-tabla td{padding:11px 12px}
  .p-tabla thead th:nth-child(3),.p-tabla td:nth-child(3){display:none}
  .p-buscador .busca-fila{flex-direction:column}
  .p-buscador .busca button{width:100%;justify-content:center}
  .p-lupa{right:-4%;bottom:-20%}
  .p-etiqueta figcaption{display:none}
  .p-etiqueta{margin-bottom:28px}
  .p-buscador .busca input{padding-inline:18px;font-size:16.5px}
  .p-cierre-d li{flex-wrap:wrap;gap:0 16px}
  .p-vit-bt .btn,.p-pasos-t .btn,.p-saber-lado .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .p-ruta-luz,.p-lupa{animation:none}
  .p-c-foto img,.p-app-foto img,.p-gu-foto,.p-vit-foto img,.p-vit-info{transition:none}
  .js .p-ruta li{opacity:1;transform:none;transition:none}
  .js .p-ruta .p-ruta-base{stroke-dashoffset:0;transition:none}
}
@media (pointer:coarse),(max-width:1120px){
  .p-liga,.p-cierre-d a{min-height:44px;display:inline-flex;align-items:center}
  .p-chip{min-height:44px}
  .p-busca-nota{line-height:1.9}
  .p-prueba button{min-height:44px}
  .p-saber-lado nav a{min-height:44px;display:flex;align-items:center}
  .p-q-c a,.p-config a{display:inline-flex;align-items:center;min-height:44px}
  .p-mas{min-height:44px}
}