/* NF6 v3 · páginas de servicios (P1). Va detrás de c.css y v3.css. Prefijo .ps-
   Sin JS o con «reducir movimiento» todo se ve quieto y completo: lo que se mueve cuelga de html.js:not(.quieto). */

/* ---------- migas ---------- */
.ps-migas{font-size:15px;color:#58585D}
.ps-migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}
.ps-migas li+li::before{content:"/";margin:0 8px;color:var(--apagado)}
.ps-migas a{display:inline-flex;align-items:center;min-height:44px;color:#58585D;text-decoration:none}
.ps-migas a:hover{color:var(--ink)}
.ps-migas [aria-current]{color:var(--ink)}

/* ---------- cabecera de la página: una idea, un botón y la demo grande ---------- */
.ps-cab{background:var(--bruma);padding:calc(var(--nav) + 4px) 0 48px;overflow:hidden}
.ps-cab-in{display:flex;flex-direction:column;gap:28px}
.ps-ceja{font-size:16px;font-weight:600;color:var(--acero);margin:4px 0 12px}
.ps-cab h1{font-size:44px;line-height:1;font-weight:700;letter-spacing:-.05em;max-width:14ch;text-wrap:balance}
.ps-lead{margin-top:18px;font-size:19px;line-height:1.45;color:#58585D;max-width:36ch}
.ps-acc{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:26px}
.ps-acc .btn-txt{display:inline-flex;align-items:center;min-height:44px}
html.js:not(.quieto) .ps-cab .ps-sube{animation:ps-sube .8s var(--ease) both;animation-delay:calc(var(--d,0)*90ms + 60ms)}
@keyframes ps-sube{from{opacity:.001;transform:translateY(22px)}to{opacity:1;transform:none}}

/* la demo grande */
.ps-demo{position:relative;height:400px;padding:20px;border-radius:28px;background:var(--blanco);color:var(--ink);overflow:hidden;box-shadow:0 1px 2px rgba(29,29,31,.05),0 34px 60px -46px rgba(29,29,31,.4)}
.ps-demo .dm-cuerpo{height:calc(100% - 52px);justify-content:flex-end;overflow:hidden}
.ps-demo.con-tabs .dm-cuerpo{height:calc(100% - 112px)}
.ps-demo .bb-el{background:var(--gris);box-shadow:none}
.ps-guion{transition:opacity .25s}
.ps-guion.borra{opacity:0}
html.js:not(.quieto) .ps-guion .ps-aparece:not(.ve){display:none}
html.js:not(.quieto) .ps-guion .ps-aparece.ve{animation:ps-entra .45s var(--ease) both}
@keyframes ps-entra{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.ps-guion .tipo:empty::after,.ps-guion .tipo.esc::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:currentColor;animation:parpa 1s steps(1) infinite}
/* sin JS: en los chats con personas solo se ve la primera */
html:not(.js) .ps-grupo~.ps-grupo,html.quieto .ps-grupo~.ps-grupo{display:none}
.ps-grupo{display:contents}
/* estados: sin JS se ve el final (.d); con JS, antes (.a) hasta que le toca */
.ps-est .a{display:none}
html.js:not(.quieto) .ps-guion [data-p]:not(.ve) .ps-est .a,html.js:not(.quieto) .ps-guion [data-p]:not(.ve).ps-est .a{display:inline}
html.js:not(.quieto) .ps-guion [data-p]:not(.ve) .ps-est .d,html.js:not(.quieto) .ps-guion [data-p]:not(.ve).ps-est .d{display:none}

/* pestañas (personas, oficios) */
.ps-tabs{display:flex;gap:6px;padding:4px;margin:14px 0 0;border-radius:999px;background:var(--gris);overflow-x:auto;scrollbar-width:none}
.ps-tabs::-webkit-scrollbar{display:none}
.ps-tab{flex:1 0 auto;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:transparent;font:600 15px/1 Geist,system-ui,sans-serif;color:var(--tenue);cursor:pointer;transition:background-color .3s var(--ease),color .3s}
.ps-tab.on,.ps-tab[aria-pressed="true"]{background:var(--blanco);color:var(--ink);box-shadow:0 1px 3px rgba(29,29,31,.12)}
.ps-tab:focus-visible{outline:2px solid var(--acero);outline-offset:2px}

/* etiqueta pequeña bajo una respuesta (Solo / A ti) */
.ps-tag{align-self:flex-end;margin:-4px 2px 0;font-size:13px;font-weight:600;color:var(--acero)}
.ps-tag.ati{align-self:center;padding:8px 12px;border-radius:999px;background:var(--bruma);color:var(--ink)}

/* ficha del CRM que se llena sola */
.ps-ficha-cab{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--linea)}
.ps-ini{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--cielo);font-size:14px;font-weight:700}
.ps-ficha-cab b{display:block;font-size:17px;line-height:1.2}
.ps-ficha-cab small{display:block;font-size:14px;color:var(--tenue)}
.ps-etapa{position:relative;margin-left:auto;min-width:118px;height:32px}
.ps-etapa span{position:absolute;right:0;top:0;height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:var(--negro);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;transition:opacity .35s var(--ease),transform .45s var(--ease)}
html.js:not(.quieto) .ps-etapa span:not(.ve){opacity:0;transform:translateY(8px)}
html:not(.js) .ps-etapa span:not(:last-child),html.quieto .ps-etapa span:not(:last-child){display:none}
.ps-linea-t{list-style:none;margin:0;padding:14px 0 0;display:flex;flex-direction:column;gap:10px}
.ps-linea-t li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--gris);font-size:15px;line-height:1.3}
.ps-linea-t li b{font-weight:600}
.ps-linea-t li small{font-size:13px;color:var(--tenue);white-space:nowrap}
.ps-ok{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--cielo)}
.ps-ok svg{width:14px;height:14px}
.ps-pie-demo{position:absolute;left:20px;right:20px;bottom:18px;font-size:15px;font-weight:600;color:var(--acero)}

/* tareas del día: de «a mano» a «hecho solo» */
.ps-dia-cab{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--linea)}
.ps-dia-cab b{font-size:17px}
.ps-dia-cab small{font-size:14px;color:var(--tenue)}
.ps-tareas{list-style:none;margin:0;padding:12px 0 0;display:flex;flex-direction:column;gap:8px}
.ps-tareas li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:0 14px;border-radius:14px;background:var(--gris);font-size:16px;font-weight:500;transition:background-color .35s,box-shadow .35s}
.ps-tareas .ps-est{flex:none;font-size:13px;font-weight:600}
.ps-tareas .ps-est .a{color:var(--tenue)}
.ps-tareas .ps-est .d{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
.ps-tareas .ps-est .d::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acero)}
.ps-tareas li.ti .ps-est .d::before{background:var(--negro)}
html.js:not(.quieto) .ps-tareas li.ve{background:var(--blanco);box-shadow:0 0 0 1.5px var(--ink)}
html.js:not(.quieto) .ps-tareas li.ve.hecha{box-shadow:0 0 0 1px var(--linea)}

/* agenda de citas */
.ps-agenda{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--linea);display:flex;flex-direction:column;gap:8px}
.ps-agenda li{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:12px;background:var(--gris);font-size:15px}
.ps-agenda li b{font-variant-numeric:tabular-nums}
.ps-agenda .ps-est{font-size:13px;font-weight:600}
.ps-agenda .ps-est .a{color:var(--tenue)}
.ps-agenda .ps-est .d{color:var(--acero)}
.ps-resp{display:flex;gap:8px;align-self:flex-start}
.ps-resp span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;box-shadow:0 0 0 1px var(--linea);font-size:14px;font-weight:600;background:var(--blanco);transition:background-color .3s,color .3s}
.ps-resp .pulsa.ve{background:var(--ink);color:#fff}

/* ---------- secciones ---------- */
.ps-sec{padding:88px 0;background:var(--blanco)}
.ps-sec.gris{background:var(--gris)}
.ps-sec.bruma{background:var(--bruma)}
.ps-sec .sec-tit{font-size:40px;max-width:18ch;text-wrap:balance}
.ps-txt{margin-top:18px;font-size:19px;line-height:1.5;color:var(--tenue);max-width:52ch}
.ps-txt+.ps-txt{margin-top:12px}
.ps-txt a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:2px solid var(--cielo)}
.ps-txt a:hover{border-color:var(--ink)}
.ps-gran{margin-top:22px;font-size:30px;line-height:1.16;font-weight:650;letter-spacing:-.035em;max-width:24ch}
.ps-dos{display:flex;flex-direction:column;gap:36px}
.ps-esc-sec{background:var(--gris);padding:88px 0 0}
.ps-tras{padding:8px 0 88px;background:var(--gris)}

/* avance con el scroll: --p de 0 a 1 (sin JS vale 1) */
[data-avance]{--p:1}
html.js:not(.quieto) [data-avance]{--p:0}

/* juntar en un sitio lo que está repartido */
.ps-junta{position:relative;height:360px;margin-top:40px;border-radius:28px;background:var(--gris);overflow:hidden}
.ps-junta-caja{position:absolute;left:50%;top:50%;width:min(300px,82%);transform:translate(-50%,-50%)}
.ps-junta-caja ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ps-junta-caja li{min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:12px;background:var(--blanco);font-size:15px;font-weight:600;box-shadow:0 1px 2px rgba(29,29,31,.08);transform:translate(calc(var(--x)*(1 - var(--p))),calc(var(--y)*(1 - var(--p)))) rotate(calc(var(--r)*(1 - var(--p))));will-change:transform}
.ps-agente{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:14px;background:var(--negro);color:#fff;font-size:16px;font-weight:600;transform:scale(calc(.92 + var(--p)*.08))}
.ps-agente img{width:20px;height:20px;filter:invert(1)}

/* quién ve qué */
.ps-quien{margin-top:36px;max-width:560px}
.ps-carpetas{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ps-carpetas li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;padding:0 14px;border-radius:14px;background:var(--blanco);font-size:16px;font-weight:600;box-shadow:0 0 0 1.5px var(--ink);transition:opacity .35s var(--ease),box-shadow .35s,transform .45s var(--ease)}
.ps-carpetas li::after{content:"Lo ve";font-size:13px;font-weight:600;color:var(--acero)}
.ps-carpetas li.no{color:#626267;box-shadow:0 0 0 1px var(--linea);transform:scale(.97)}
.ps-carpetas li.no::after{content:"No lo ve";color:var(--tenue)}
.ps-oficios{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.ps-oficios li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 16px;border-radius:14px;background:var(--blanco);font-size:17px;font-weight:600}
.ps-oficios li small{font-size:15px;font-weight:500;color:var(--tenue)}
.ps-oficios li.no{display:none}
html.js:not(.quieto) .ps-oficios li:not(.no){animation:ps-sube .5s var(--ease) both}

/* pasos que se encienden al bajar */
.ps-pasos{position:relative;list-style:none;margin:40px 0 0;padding:0 0 0 52px;max-width:620px;counter-reset:ps}
.ps-pasos::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:var(--linea)}
.ps-pasos::after{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:var(--ink);transform-origin:0 0;transform:scaleY(var(--p))}
.ps-pasos li{position:relative;counter-increment:ps;padding:8px 0 28px}
.ps-pasos li:last-child{padding-bottom:0}
.ps-pasos li::before{content:counter(ps,decimal-leading-zero);position:absolute;left:-52px;top:2px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;transition:background-color .3s,color .3s,box-shadow .3s}
.ps-pasos h3{font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.03em}
.ps-pasos p{margin-top:6px;font-size:17px;line-height:1.45;color:#626267}
html.js:not(.quieto) .ps-pasos li h3{transition:color .4s var(--ease)}
html.js:not(.quieto) .ps-pasos li:not(.on) h3{color:#626267}
html.js:not(.quieto) .ps-pasos li:not(.on)::before{background:var(--blanco);color:#626267;box-shadow:0 0 0 2px var(--linea)}
html.js:not(.quieto) .ps-sec.gris .ps-pasos li:not(.on)::before{background:var(--gris)}

/* medidor (primer mes, sin cambiar de golpe) */
.ps-medidor{margin-top:40px;max-width:720px}
.ps-pista{position:relative;height:6px;border-radius:6px;background:var(--linea);overflow:hidden}
.ps-pista i{position:absolute;inset:0;background:var(--ink);transform-origin:0 50%;transform:scaleX(var(--p))}
.ps-paradas{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ps-paradas li{font-size:16px;line-height:1.3;font-weight:600;transition:color .35s var(--ease)}
.ps-paradas li small{display:block;margin-top:4px;font-size:15px;font-weight:400;color:var(--tenue)}
.ps-paradas li:nth-child(2){text-align:center}.ps-paradas li:nth-child(3){text-align:right}
html.js:not(.quieto) .ps-paradas li:not(.on){color:#626267}

/* demo pequeña dentro de una sección */
.ps-mini{position:relative;height:300px;padding:20px;border-radius:24px;background:var(--blanco);overflow:hidden;box-shadow:0 0 0 1px var(--linea)}
.ps-mini .dm-cuerpo{height:calc(100% - 52px);justify-content:flex-end}
.ps-sec:not(.gris) .ps-mini{background:var(--gris);box-shadow:none}
.ps-sec:not(.gris) .ps-mini .bb-el{background:var(--blanco)}

/* el botón: le das y está hecho */
.ps-boton{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px}
.ps-btn-demo{position:relative;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 26px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 17px/1 Geist,system-ui,sans-serif;cursor:pointer;transition:transform .15s var(--ease),background-color .3s}
.ps-btn-demo:active{transform:scale(.96)}
.ps-btn-demo .ps-est .d{display:inline-flex;align-items:center;gap:8px}
.ps-btn-demo.ve{background:var(--acero)}

/* procesos dentro: el cliente pasa por vuestros pasos */
.ps-carril{position:relative;list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ps-carril li{position:relative;padding:16px;border-radius:16px;background:var(--blanco);box-shadow:0 0 0 1px var(--linea);transition:box-shadow .35s,transform .45s var(--ease)}
.ps-carril li b{display:block;font-size:17px;line-height:1.25}
.ps-carril li small{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px;color:var(--tenue)}
.ps-carril li small i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--bruma);font-size:12px;font-weight:700;font-style:normal;color:var(--ink)}
.ps-carril li.on{box-shadow:0 0 0 1.5px var(--ink)}
.ps-carril li.on small i{background:var(--cielo)}
.ps-carril li.on small span::after{content:" · le toca";color:var(--acero);font-weight:600}
html.js:not(.quieto) .ps-carril li:not(.on){transform:translateY(6px)}
html:not(.js) .ps-carril li small span::after,html.quieto .ps-carril li small span::after{content:none}

/* programas dentro: un dato se escribe una vez */
.ps-hub{position:relative;margin-top:40px;padding:22px;border-radius:28px;background:var(--gris)}
.ps-hub ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ps-hub li{position:relative;min-height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--blanco);font-size:16px;font-weight:600}
.ps-hub-c{position:relative;margin-top:44px;min-height:60px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;background:var(--negro);color:#fff;font-size:17px;font-weight:600}
.ps-hub-c::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:44px;margin-left:-1px;background:var(--linea)}
.ps-hub-c i{position:absolute;left:50%;bottom:100%;width:10px;height:10px;margin:0 0 0 -5px;border-radius:50%;background:var(--acero);opacity:0}
html.js:not(.quieto) .ps-hub.vista .ps-hub-c i{animation:ps-baja 2.4s cubic-bezier(.65,0,.35,1) infinite}
html.js:not(.quieto) .ps-hub.vista .ps-hub-c i:nth-of-type(2){animation-delay:.8s}
html.js:not(.quieto) .ps-hub.vista .ps-hub-c i:nth-of-type(3){animation-delay:1.6s}
@keyframes ps-baja{0%{opacity:0;transform:translateY(-6px)}15%{opacity:1}80%{opacity:1;transform:translateY(38px)}100%{opacity:0;transform:translateY(44px)}}
html.js:not(.quieto) .ps-hub li{transition:box-shadow .3s}
html.js:not(.quieto) .ps-hub li.ve{box-shadow:0 0 0 1.5px var(--ink)}

/* dos columnas que se reparten solas (pasa solo / para ti) */
.ps-reparto{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}
.ps-reparto>div{padding:16px;border-radius:20px;background:var(--gris);min-height:260px}
.ps-reparto h3{font-size:17px;font-weight:700;margin-bottom:12px}
.ps-reparto ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ps-reparto li{padding:12px;border-radius:12px;background:var(--blanco);font-size:16px;line-height:1.3;font-weight:500}
.ps-reparto .ti li{box-shadow:0 0 0 1.5px var(--ink)}

/* sombreros del dueño que se van quitando */
.ps-gorros{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ps-gorros li{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:999px;background:var(--blanco);box-shadow:0 0 0 1.5px var(--ink);font-size:17px;font-weight:600;transition:opacity .45s var(--ease),transform .6s var(--ease),box-shadow .3s}
.ps-gorros li.on{color:#626267;transform:translateY(-6px);box-shadow:0 0 0 1px var(--linea);text-decoration:line-through;text-decoration-thickness:2px}
html:not(.js) .ps-gorros li.on,html.quieto .ps-gorros li.on{color:inherit;transform:none;text-decoration:none}

/* lista de mensajes de un día (WhatsApp) y salidas (citas) */
.ps-dia{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;max-width:560px}
.ps-dia li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 16px;border-radius:16px;background:var(--blanco);font-size:17px;transition:opacity .4s var(--ease),transform .5s var(--ease)}
.ps-dia li b{font-weight:500}
.ps-dia li span{flex:none;display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--bruma);font-size:14px;font-weight:600}
.ps-dia li.ti span{background:var(--negro);color:#fff}
html.js:not(.quieto) .ps-dia li:not(.on){opacity:0;transform:translateX(-14px)}
.ps-chips{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ps-chips li{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--blanco);font-size:16px;font-weight:600;transition:opacity .4s var(--ease),transform .5s var(--ease)}
html.js:not(.quieto) .ps-chips li:not(.on){opacity:0;transform:translateY(10px) scale(.96)}

/* relacionadas */
.ps-rel{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--linea)}
.ps-rel li{border-bottom:1px solid var(--linea)}
.ps-rel a{display:flex;flex-direction:column;gap:4px;padding:20px 0;text-decoration:none;color:var(--ink)}
.ps-rel b{font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.03em;transition:transform .35s var(--ease),color .2s}
.ps-rel span{font-size:17px;color:var(--tenue)}
.ps-rel a:hover b{transform:translateX(6px);color:var(--acero)}

/* revela dentro de las páginas */
.ps-sec .revela{max-width:26ch}

@media (min-width:520px){
  .ps-carril{grid-template-columns:repeat(4,1fr)}
  .ps-hub ul{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:900px){
  .ps-cab{padding:calc(var(--nav) + 8px) 0 72px}
  .ps-cab-in{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;min-height:calc(100svh - var(--nav) - 140px)}
  .ps-cab h1{font-size:76px}
  .ps-lead{font-size:21px}
  .ps-demo{height:460px;padding:24px}
  .ps-sec{padding:120px 0}
  .ps-sec .sec-tit{font-size:56px}
  .ps-gran{font-size:44px}
  .ps-txt{font-size:20px}
  .ps-dos{display:grid;grid-template-columns:5fr 6fr;gap:72px;align-items:center}
  .ps-dos .ps-junta,.ps-dos .ps-quien,.ps-dos .ps-mini,.ps-dos .ps-hub,.ps-dos .ps-reparto{margin-top:0}
  .ps-junta{height:420px}
  .ps-mini{height:340px}
  .ps-esc-sec{padding-top:120px}
  .ps-tras{padding-bottom:120px}
  .ps-pasos h3{font-size:28px}
  .ps-rel b{font-size:26px}
}
@media (prefers-reduced-motion:reduce){
  [data-avance]{--p:1!important}
  .ps-cab .ps-sube{animation:none!important}
}

/* subpáginas de automatizaciones: H1 largo */
.ps-cab.largo h1{font-size:36px;line-height:1.04;max-width:19ch}
.ps-sub{margin-top:10px;font-size:21px;line-height:1.3;font-weight:600;color:var(--ink);max-width:30ch}
.ps-demo.con-agenda .dm-cuerpo{height:150px}
@media (min-width:900px){.ps-cab.largo h1{font-size:56px}.ps-sub{font-size:24px}}

/* ronda 2: --tenue más oscuro sobre bruma (AA), migas tocables, iconos de las demos de la escena */
.ps-sec.bruma,.ps-cab{--tenue:#58585D}
.ps-migas a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.df-tel{background:#34C759}.df-doc{background:#5E5CE6}.df-cal{background:#FF3B30}


/* ---------- r3 ----------
   1 · semilla: los pasos con .ya (data-ya en el guion) ya están puestos al cargar y no se animan.
   2 · la demo de cabecera entra solo con transform: se ve desde el primer fotograma.
   3 · escritorio ancho: titular y demo con el peso de la portada; la primera pantalla se llena entera. */
html.js:not(.quieto) .ps-guion .ya,html.js:not(.quieto) .ps-guion .ya *{animation:none!important;transition:none!important}
html.js:not(.quieto) .ps-cab .ps-demo.ps-sube{animation-name:ps-sube-t}
@keyframes ps-sube-t{from{transform:translateY(22px)}to{transform:none}}
@media (min-width:900px){.ps-cab-in{min-height:calc(100svh - var(--nav) - 100px)}}
@media (min-width:1280px){
  .ps-cab .caja{max-width:1360px}
  .ps-cab-in{grid-template-columns:minmax(0,1fr) 560px;gap:64px;min-height:calc(100svh - var(--nav) - 100px)}
  .ps-cab h1{font-size:80px}
  .ps-cab.largo h1{font-size:60px}
  .ps-cab .ps-demo{zoom:1.053}
}
@media (min-width:1400px){
  .ps-cab-in{grid-template-columns:minmax(0,1fr) 600px;gap:72px}
  .ps-cab h1{font-size:88px}
  .ps-cab.largo h1{font-size:64px}
  .ps-cab .ps-demo{zoom:1.128}
}