/* Psicoleon 3: páginas para profesionales. Maqueta de la web en portátil y móvil. */
.devices{position:relative;align-self:center;padding:56px max(28px,calc((100vw - var(--max))/2 + 28px)) 84px 20px}
.laptop .scr{background:#fff;border:10px solid #070B2E;border-bottom-width:12px;border-radius:16px 16px 4px 4px;overflow:hidden;box-shadow:0 44px 80px -34px rgba(0,0,0,.75)}
.laptop .scr>img{width:100%;aspect-ratio:16/8;object-fit:cover}
.laptop .base{height:14px;margin:0 -5%;border-radius:0 0 16px 16px;background:linear-gradient(#C9D0F0,#8C96CC)}
.mb{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#EEF0F7;font-family:var(--disp);font-size:11px;font-weight:600;color:#646B8C}
.mb i{width:8px;height:8px;border-radius:50%;background:#C9D0F0}.mb span{margin-left:8px;flex:1;padding:4px 12px;border-radius:99px;background:#fff}
.mh{padding:16px 18px 18px;background:#0E1550}
.mh b{font-family:var(--disp);font-weight:800;font-size:clamp(20px,2.6vw,32px);line-height:1;letter-spacing:-.03em;color:#fff;display:block;margin-bottom:10px}.mh b em{font-style:normal;color:#F0A53A}
.mh .l{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.28);margin-bottom:6px;width:58%}.mh .l.s{width:38%}
.mh .pill{display:inline-block;width:96px;height:22px;border-radius:99px;background:#F0A53A;margin-top:8px}
.phone{position:absolute;right:max(14px,calc((100vw - var(--max))/2 + 10px));bottom:34px;width:176px;padding:28px 14px 16px;border-radius:26px;background:#fff;border:7px solid #070B2E;color:#0F1533;text-align:center;font-family:var(--disp);box-shadow:0 30px 60px -22px rgba(0,0,0,.75);display:flex;flex-direction:column;align-items:center;gap:6px}
.phone::before{content:"";position:absolute;top:9px;left:50%;width:38%;height:6px;margin-left:-19%;border-radius:4px;background:#070B2E}
.phone .av{width:58px;height:58px;border-radius:50%;background:#E7EBF7;border:2px dashed #8C96CC}
.phone b{font-size:16px;line-height:1.2}.phone small{font-size:11.5px;color:#646B8C;font-weight:600;line-height:1.3}
.phone .tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:4px 0}
.phone .tags span{font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:99px;background:#E7EBF7;color:#1B2A8A}
.phone .go{width:100%;padding:9px;border-radius:99px;background:#F0A53A;color:#0E1550;font-size:12.5px;font-weight:800}
.phone .go.alt{background:#E7EBF7;color:#1B2A8A}
@media (prefers-reduced-motion:no-preference){.phone{animation:flota 7s ease-in-out infinite}}
@keyframes flota{50%{transform:translateY(-10px)}}
@media (max-width:960px){.devices{order:-1;padding:32px 28px 56px}.phone{right:20px;bottom:18px;width:150px}}