/* ═══════════════════════════════════════════════════════════════ PBK Asesores — stylesheet compartido · v2 (Diseño D) Light mode blanco por defecto · dark mode vía [data-theme="dark"] en (toggle .mode en el header + localStorage 'pbk-theme'). TIPOGRAFÍA — pendiente de elección (María): · ELEGIDA (María, 2026-07-10): Fraunces (--fw-d:460) · Volver a la original: --ff-d:'Spectral',Georgia,serif; --fw-d:600; (las páginas ya cargan ambas familias; basta cambiar estas 2 líneas) ═══════════════════════════════════════════════════════════════ */ :root{ color-scheme:light; --ff-d:'Fraunces',Georgia,serif; --ff-u:'Inter',system-ui,sans-serif; --fw-d:460; --accent:#f64c01; --accent-deep:#c93e00; /* light — entero blanco */ --bg:#ffffff; --bg-2:#f7f6f3; --surface:#ffffff; --head:#0a1a28; --text:#2a3844; --muted:#67717c; --line:#e9e6df; --line-2:#d9d5cb; --ring:rgba(10,26,40,.16); --ring-soft:rgba(10,26,40,.07); --hair:rgba(10,26,40,.06); --shadow:0 10px 40px rgba(10,26,40,.08); } [data-theme="dark"]{ color-scheme:dark; --bg:#0a1a28; --bg-2:#0e2233; --surface:#10273a; --head:#f6f2ea; --text:#c2cfda; --muted:#8da0b0; --line:rgba(246,242,234,.12); --line-2:rgba(246,242,234,.22); --ring:rgba(246,242,234,.16); --ring-soft:rgba(246,242,234,.08); --hair:rgba(246,242,234,.07); --shadow:0 10px 40px rgba(0,0,0,.4); } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:var(--ff-u);color:var(--text);background:var(--bg);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s} ::selection{background:var(--accent);color:#fff} h1,h2,h3{font-family:var(--ff-d);color:var(--head);font-weight:var(--fw-d);line-height:1.12;letter-spacing:-.015em} a{color:inherit;text-decoration:none} img,svg{display:block} .wrap{max-width:1200px;margin:0 auto;padding:0 32px} section{padding:100px 0;scroll-margin-top:100px} /* ── eyebrow / lead ─────────────────────────────────────────── */ .eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:14px;margin-bottom:24px} .eyebrow b{color:var(--accent);font-weight:600} .lead{color:var(--muted);font-size:1.14rem;max-width:600px} /* ── botones ────────────────────────────────────────────────── */ .btn{display:inline-flex;align-items:center;gap:10px;padding:17px 32px;font-family:var(--ff-u);font-weight:600;font-size:.92rem;border-radius:2px;transition:.28s cubic-bezier(.2,.7,.3,1);cursor:pointer;border:1.5px solid transparent;letter-spacing:.01em} .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px} .btn-primary,.btn-accent{background:var(--accent);color:#fff} .btn-primary:hover,.btn-accent:hover{background:var(--head);color:var(--bg)} .btn-outline,.btn-ghost{background:transparent;color:var(--head);border-color:var(--line-2)} .btn-outline:hover,.btn-ghost:hover{border-color:var(--accent);color:var(--accent)} .btn-ink{background:#0a1a28;color:#fff} .btn-ink:hover{background:#fff;color:#0a1a28} .btn-oink{background:transparent;color:#0a1a28;border-color:rgba(10,26,40,.4)} .btn-oink:hover{background:#0a1a28;color:#fff;border-color:#0a1a28} /* ── logo (diana separada de la K: margin izq -1px) ─────────── */ .brand{display:flex;align-items:center} .brand .mark{display:inline-flex;align-items:flex-start;line-height:1} .brand .mark b{font-family:'League Spartan',sans-serif;font-weight:700;font-size:1.55rem;color:var(--head);letter-spacing:0} .diana{flex-shrink:0;margin:-9px 2px 0 -1px} .brand .mark i{font-family:var(--ff-u);font-style:normal;font-weight:300;font-size:1.2rem;color:var(--muted);align-self:flex-end;margin-left:1px} /* logo más grande SOLO en el navbar (PBK + diana crecen; Asesores igual; navbar sigue en 80px) */ header .brand .mark b{font-size:2.3rem} header .diana{width:19px;height:19px;margin:-13px 3px 0 -1px} header .brand .mark i{margin-bottom:3px} /* ── header ─────────────────────────────────────────────────── */ header{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:1px solid var(--line);transition:box-shadow .3s,background .3s} header.scrolled{box-shadow:var(--shadow)} .nav{display:flex;align-items:center;justify-content:space-between;height:80px} .menu{display:flex;align-items:center;gap:26px;margin-left:auto} .navside{display:flex;align-items:center;gap:12px;margin-left:26px} .menu a{font-size:.9rem;font-weight:500;color:var(--text);transition:.2s;position:relative} .menu a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1.5px;background:var(--accent);transition:width .25s} .menu a:not(.btn):hover::after,.menu a.active::after{width:100%} .menu a:hover{color:var(--head)} .menu a.active{color:var(--head)} .menu .tel{color:var(--head);font-weight:600;border-left:1px solid var(--line-2);padding-left:20px} .menu .lang{border:1px solid var(--line-2);border-radius:20px;padding:5px 13px;font-weight:600;font-size:.8rem} .menu .lang:hover{border-color:var(--accent);color:var(--accent)} .menu .lang::after{display:none} .mode{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);background:none;display:grid;place-items:center;cursor:pointer;color:var(--head);transition:.2s;flex-shrink:0} .mode:hover{border-color:var(--accent);color:var(--accent)} .mode .ic-sun{display:none} [data-theme="dark"] .mode .ic-sun{display:block} [data-theme="dark"] .mode .ic-moon{display:none} .burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px} .burger span{width:25px;height:1.5px;background:var(--head);transition:.25s} /* ── pagehead (páginas interiores) ──────────────────────────── */ .pagehead{padding:72px 0 60px;border-bottom:1px solid var(--line);background:var(--bg-2)} .pagehead .eyebrow{margin-bottom:16px} .pagehead h1{font-size:clamp(2.2rem,4vw,3rem);max-width:22ch} .pagehead p{color:var(--muted);font-size:1.08rem;max-width:640px;margin-top:16px} /* ── hero (solo portada) ────────────────────────────────────── */ .hero{padding:0;position:relative;overflow:hidden;scroll-margin-top:0;background:radial-gradient(1100px 520px at 50% -8%,rgba(246,76,1,.045),transparent 62%),var(--bg-2);border-bottom:1px solid var(--line)} .hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' viewBox='0 0 900 900'%3E%3Cdefs%3E%3Cfilter id='v' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.011' numOctaves='3' seed='11' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='70' result='d'/%3E%3CfeGaussianBlur in='d' stdDeviation='0.8'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23v)' fill='none' stroke='%23636e7d'%3E%3Cpath d='M-60 130 C 190 190, 370 60, 610 150 S 900 270, 980 200' stroke-width='2.4' stroke-opacity='0.12'/%3E%3Cpath d='M-50 440 C 150 390, 420 530, 640 450 S 880 390, 970 480' stroke-width='1.5' stroke-opacity='0.09'/%3E%3Cpath d='M130 -40 C 190 200, 60 430, 195 650 S 245 880, 165 960' stroke-width='2' stroke-opacity='0.10'/%3E%3Cpath d='M570 -50 C 620 160, 505 310, 645 530 S 705 810, 625 960' stroke-width='1.3' stroke-opacity='0.08'/%3E%3Cpath d='M-70 730 C 240 705, 420 810, 700 740 S 920 695, 990 770' stroke-width='2.6' stroke-opacity='0.11'/%3E%3Cpath d='M305 125 C 365 225, 320 335, 405 425' stroke-width='0.9' stroke-opacity='0.07'/%3E%3Cpath d='M705 505 C 745 595, 690 695, 765 785' stroke-width='0.8' stroke-opacity='0.07'/%3E%3Cpath d='M450 300 C 520 340, 560 300, 660 360' stroke-width='0.7' stroke-opacity='0.06'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:900px 900px,180px 180px} .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:40px;align-items:center;justify-items:center;text-align:center;min-height:calc(100vh - 80px);max-height:940px;padding-top:60px;padding-bottom:40px} .hero .kicker{font-size:.76rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:30px;display:flex;align-items:center;justify-content:center;gap:14px} .hero h1{font-size:clamp(2.9rem,5.6vw,4.6rem);max-width:17ch;margin-bottom:28px;line-height:1.08;margin-left:auto;margin-right:auto} .hero h1 em{font-style:italic;color:var(--accent)} .hero .sub{font-size:1.18rem;color:var(--muted);max-width:560px;margin:0 auto 40px;font-weight:300} .hero .sub b{color:var(--head);font-weight:500} .hero .actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center} .hero-meta{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px;padding-top:32px;border-top:1px solid var(--line);text-align:center} .hero-meta .m .n{font-family:var(--ff-d);font-size:2.3rem;color:var(--head);font-weight:var(--fw-d);line-height:1} .hero-meta .m .n s{text-decoration:none;color:var(--accent)} .hero-meta .m .l{color:var(--muted);font-size:.85rem;margin-top:8px} .hero-visual{display:none} .rings{position:absolute;inset:0;margin:auto;width:min(115%,620px);height:auto;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)} .rings .hair{stroke:var(--hair);stroke-width:1} .rings .r{fill:none;stroke:var(--ring);stroke-width:1} .rings .r-soft{stroke:var(--ring-soft)} .rings .r-accent{stroke:var(--accent);stroke-width:1.5} .rings .core{fill:var(--accent)} .rings .dashring{fill:none;stroke:var(--ring);stroke-width:1;stroke-dasharray:3 14} .rings .blip{fill:var(--accent)} .rings .blip-ring{fill:none;stroke:var(--accent);stroke-width:1} .ringlabel{font-family:var(--ff-u);font-size:9.5px;letter-spacing:.28em;fill:var(--muted);text-transform:uppercase} @media (prefers-reduced-motion: no-preference){ .rings .dashring{animation:spin 90s linear infinite;transform-origin:300px 300px} .rings .blip{animation:blink 3.2s ease-in-out infinite} .rings .blip:nth-of-type(2){animation-delay:1.1s} .rings .blip:nth-of-type(3){animation-delay:2.2s} .rings .blip-ring{animation:sonar 3.2s ease-out infinite;transform-box:fill-box;transform-origin:center} .rings .blip-ring:nth-of-type(2){animation-delay:1.1s} .rings .blip-ring:nth-of-type(3){animation-delay:2.2s} } @keyframes spin{to{transform:rotate(360deg)}} @keyframes blink{0%,100%{opacity:.5}50%{opacity:1}} @keyframes sonar{0%{transform:scale(.4);opacity:.9}100%{transform:scale(3.2);opacity:0}} [data-theme="dark"] .hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")} /* ── ticker sujetos obligados (portada) ─────────────────────── */ .ticker{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:18px 0} .tk{display:flex;width:max-content;align-items:center} .tk span{font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 28px;white-space:nowrap} .tk i{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0} @media (prefers-reduced-motion: no-preference){.tk{animation:tk 36s linear infinite}} @keyframes tk{to{transform:translateX(-50%)}} /* ── la firma (portada) ─────────────────────────────────────── */ .firma .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:start} .firma h2{font-size:clamp(2rem,3.4vw,2.8rem);margin-bottom:26px;max-width:18ch} .firma h2 em{font-style:italic;color:var(--accent)} .firma p{color:var(--muted);margin-bottom:18px;max-width:58ch} .pull{font-family:var(--ff-d);font-size:1.35rem;font-style:italic;color:var(--head);border-left:2px solid var(--accent);padding-left:24px;margin:34px 0 0;max-width:46ch;line-height:1.45} .cred{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);padding:44px 40px;position:sticky;top:110px;box-shadow:var(--shadow)} .cred h3{font-size:1.25rem;margin-bottom:8px} .cred .csub{font-size:.86rem;color:var(--muted);margin-bottom:26px} .cred ul{list-style:none} .cred li{display:flex;gap:16px;align-items:flex-start;padding:15px 0;border-top:1px solid var(--line);font-size:.95rem;color:var(--text)} .cred li:first-child{border-top:none} .cred li svg{flex-shrink:0;margin-top:4px;color:var(--accent)} /* ── servicios teaser (portada, filas numeradas) ────────────── */ .servicios{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .sec-head{max-width:660px;margin-bottom:64px} .sec-head h2{font-size:clamp(2rem,3.4vw,2.8rem)} .sec-head .lead{margin-top:16px} .svc-list{border-top:1px solid var(--line-2)} .svc-link{display:grid;grid-template-columns:80px 300px 1fr 44px;gap:36px;align-items:baseline;padding:36px 24px;margin:0 -24px;border-bottom:1px solid var(--line-2);transition:background .25s} .svc-link:hover{background:var(--surface)} .svc-link .num{display:inline-flex;align-items:center;color:var(--muted);transition:.25s;padding-top:4px} .svc-link:hover .num{color:var(--accent)} .svc-link h3{font-size:1.7rem;transition:transform .25s} .svc-link:hover h3{transform:translateX(6px)} .svc-link p{color:var(--muted);font-size:.99rem;max-width:60ch} .svc-link .go{color:var(--accent);opacity:0;transform:translateX(-8px);transition:.25s;font-size:1.3rem;justify-self:end} .svc-link:hover .go{opacity:1;transform:none} /* ── servicios (página interior, filas editoriales) ─────────── */ .svc-row{display:grid;grid-template-columns:280px 1fr;gap:48px;padding:44px 0;border-bottom:1px solid var(--line-2);scroll-margin-top:110px} .svc-row h3{font-size:1.65rem} .svc-row p{color:var(--muted);font-size:1rem;max-width:66ch;margin-bottom:10px} .svc-row ul{margin:14px 0 6px;padding-left:20px;color:var(--muted);font-size:.97rem} .svc-row li{margin-bottom:7px} .svc-row em{color:var(--text)} /* ── método (portada) ───────────────────────────────────────── */ .metodo .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative;margin-top:70px} .metodo .steps::before{content:"";position:absolute;top:23px;left:24px;right:24px;height:1px;background:var(--line-2)} .step{position:relative} .step .node{width:46px;height:46px;background:var(--bg);display:grid;place-items:center;color:var(--accent);position:relative;z-index:1} .step h3{font-size:1.3rem;margin:22px 0 10px} .step p{color:var(--muted);font-size:.94rem} /* ── sujetos obligados (página interior) ────────────────────── */ .subject-block{padding:44px 0;border-bottom:1px solid var(--line-2)} .subject-block h3{font-size:1.5rem;margin-bottom:14px} .subject-block p{color:var(--muted);max-width:78ch} .tag-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px} .tag{border:1px solid var(--line-2);border-radius:20px;padding:6px 14px;font-size:.84rem;color:var(--text)} .penalty{border-left:3px solid var(--accent);padding:18px 24px;margin-top:18px;background:var(--bg-2)} .penalty b{color:var(--head)} /* ── banda destacada (cita en portada / CTA interior) ───────── */ .band{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden} .band .wrap{position:relative;z-index:2;max-width:980px;text-align:center} .band .eyebrow{justify-content:center} .band h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:var(--fw-d);font-style:italic;line-height:1.35;max-width:32ch;margin:0 auto} .band h2 mark{background:none;color:var(--accent)} .band p{color:var(--muted);margin:22px auto 34px;max-width:620px} .band .who{margin-top:30px;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)} .band-rings{position:absolute;right:-160px;top:50%;transform:translateY(-50%);width:560px;opacity:.07;color:var(--head)} .band-rings circle{stroke:currentColor} /* ── testimonios (portada) ──────────────────────────────────── */ .testi .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px} .tcol{border-top:1px solid var(--line-2);padding-top:30px} .tcol .q{font-family:var(--ff-d);font-size:3rem;color:var(--accent);line-height:.5;height:26px} .tcol p{font-family:var(--ff-d);font-style:italic;font-size:1.13rem;color:var(--head);line-height:1.55;margin:16px 0 24px} .tcol b{display:block;font-size:.9rem;color:var(--head);font-weight:600} .tcol span{font-size:.82rem;color:var(--muted)} /* ── faq ────────────────────────────────────────────────────── */ .faq{background:var(--bg-2);border-top:1px solid var(--line)} .faq .inner,.faq-list{max-width:860px;margin:0 auto} .fitem{border-bottom:1px solid var(--line-2)} .fq{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:28px 0;display:flex;justify-content:space-between;gap:24px;align-items:baseline;font-family:var(--ff-d);font-size:1.22rem;color:var(--head);font-weight:500} .fq:hover{color:var(--accent-deep)} [data-theme="dark"] .fq:hover{color:var(--accent)} .fq .pm{flex-shrink:0;color:var(--accent);font-family:var(--ff-u);font-weight:300;font-size:1.5rem;transition:.25s;line-height:1} .fitem.open .pm{transform:rotate(45deg)} .fa{max-height:0;overflow:hidden;transition:max-height .35s ease} .fa p{color:var(--muted);font-size:1rem;padding:0 0 28px;max-width:72ch} /* ── contacto (página interior) ─────────────────────────────── */ .contact .grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px} .contact h2{font-size:clamp(2rem,3.4vw,2.6rem);margin-bottom:20px} .cinfo{margin-top:30px;list-style:none} .cinfo li{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px} .cinfo .ic{width:46px;height:46px;border:1px solid var(--line-2);color:var(--accent);display:grid;place-items:center;flex-shrink:0;border-radius:3px} .cinfo b{display:block;color:var(--head);font-size:.97rem;font-family:var(--ff-d)} .cinfo span{color:var(--muted);font-size:.95rem} form{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);padding:40px;box-shadow:var(--shadow)} .field{margin-bottom:20px} label{display:block;font-size:.82rem;font-weight:600;color:var(--head);margin-bottom:8px;font-family:var(--ff-u)} input,textarea{width:100%;padding:13px 15px;border:1px solid var(--line-2);border-radius:2px;font-family:inherit;font-size:.95rem;background:var(--bg);color:var(--text)} input:focus,textarea:focus{outline:none;border-color:var(--accent)} .note{font-size:.78rem;color:var(--muted);margin-top:12px} /* ── noticias ───────────────────────────────────────────────── */ .news-list{border-top:1px solid var(--line-2);max-width:900px} .news-item{display:grid;grid-template-columns:150px 1fr;gap:36px;padding:38px 0;border-bottom:1px solid var(--line-2)} .news-item .date{color:var(--muted);font-size:.86rem;padding-top:6px} .news-item .date .tag{display:inline-block;margin-top:10px} .news-item h3{font-size:1.4rem;margin-bottom:10px} .news-item p{color:var(--muted);font-size:.98rem;max-width:66ch} .news-item .more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--accent);font-weight:600;font-size:.9rem} .news-item .more:hover{gap:12px} /* ── cta naranja (portada) ──────────────────────────────────── */ .cta{background:var(--accent);color:#0a1a28;position:relative;overflow:hidden} .cta .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center} .cta .eyebrow{color:rgba(10,26,40,.7)} .cta .eyebrow b{color:#0a1a28} .cta h2{font-size:clamp(2.1rem,3.8vw,3rem);color:#0a1a28;max-width:16ch} .cta p{color:rgba(10,26,40,.78);margin-top:18px;max-width:44ch;font-size:1.08rem} .cta .box{display:flex;flex-direction:column;gap:14px;align-items:flex-start} .cta .box .btn{width:100%;justify-content:center} .cta .note{font-size:.82rem;color:rgba(10,26,40,.6)} .cta-rings{display:none} /* ── footer ─────────────────────────────────────────────────── */ footer{background:var(--bg-2);border-top:1px solid var(--line);color:var(--muted);padding:70px 0 32px} .fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--line-2)} footer p.desc{margin-top:18px;max-width:330px;font-size:.92rem} footer h4{color:var(--head);font-family:var(--ff-u);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;font-weight:600} footer a{display:block;font-size:.92rem;padding:6px 0;transition:.2s;color:var(--muted)} footer a:hover{color:var(--accent)} .fbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:26px;font-size:.83rem;color:var(--muted)} /* ── reveals (portada) ──────────────────────────────────────── */ @media (prefers-reduced-motion: no-preference){ .rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s)} .rv.in{opacity:1;transform:none} } /* ── responsive ─────────────────────────────────────────────── */ @media(max-width:980px){ .news-item{grid-template-columns:1fr;gap:10px} .hero .wrap{grid-template-columns:1fr;min-height:0;padding-top:72px;padding-bottom:56px} .hero-visual{display:none} .hero-meta{grid-template-columns:repeat(2,1fr);gap:28px;margin-top:48px} .firma .grid,.contact .grid{grid-template-columns:1fr;gap:48px} .cred{position:static} .svc-link{grid-template-columns:44px 1fr;gap:8px 20px;padding:30px 16px;margin:0 -16px} .svc-link p{grid-column:2} .svc-link .go{display:none} .svc-row{grid-template-columns:1fr;gap:10px} .metodo .steps{grid-template-columns:1fr;gap:44px} .metodo .steps::before{display:none} .testi .tgrid{grid-template-columns:1fr;gap:36px} .cta .wrap{grid-template-columns:1fr;gap:40px} .pagehead h1{font-size:2.1rem} section{padding:72px 0} .fgrid{grid-template-columns:1fr;gap:36px;padding-bottom:32px} .fbar{flex-direction:column;align-items:flex-start;gap:6px} footer a{overflow-wrap:anywhere} } @media(max-width:900px){ .menu{display:none} .burger{display:flex} .menu.show{display:flex;position:absolute;top:80px;left:0;right:0;flex-direction:column;align-items:flex-start;background:var(--bg);padding:24px 32px 30px;gap:18px;border-bottom:1px solid var(--line)} .menu.show .tel{border-left:none;padding-left:0} .navside{margin-left:auto;margin-right:16px} } /* legal */ .fbar a{display:inline;padding:0;color:var(--muted)} .fbar a:hover{color:var(--accent)} .legal{max-width:780px} .legal h3{margin:34px 0 10px;font-size:1.12rem;color:var(--head)} .legal p,.legal li{color:var(--muted);font-size:.97rem;line-height:1.75;margin-top:10px} .legal ul{margin:10px 0 0 20px;list-style:disc} .sector-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px} .sector-tags .tag{font-size:.92rem;padding:9px 18px}