/* CIT IA V2 · Estilos compartidos. HTML, CSS y JavaScript. */
:root{--ink:#061d48;--blue:#086cd9;--bright:#0b7cf4;--body:#4b5d73;--line:#dde5ee;--surface:#f3f7fc;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}p{margin:0 0 20px;color:var(--body)}h1,h2,h3{margin:0;color:var(--ink);line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(38px,4.3vw,64px);font-weight:750;max-width:740px}h2{font-size:clamp(30px,3.2vw,46px);font-weight:730;max-width:780px}h3{font-size:23px;line-height:1.23;letter-spacing:-.025em}em{font-style:normal;color:var(--blue)}strong{font-weight:650}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.section{padding-block:96px}.section h2{margin-bottom:32px}.eyebrow{font-size:12px;line-height:1.5;font-weight:750;letter-spacing:.16em;color:var(--blue);text-transform:uppercase;display:flex;align-items:center;gap:9px;margin:0 0 24px}.dot{display:inline-block;background:var(--bright);width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px #0b7cf418;flex-shrink:0}.site-header{position:sticky;top:0;z-index:50;padding:17px 0;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #edf1f7}.navigation{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex-shrink:0}.brand img{width:159px;height:53px;object-fit:contain}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{font-size:14px;font-weight:650;transition:color .2s}.nav-links a:hover,.footer a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:17px 24px;background:var(--blue);color:white;border-radius:100px;font-size:14px;font-weight:650;line-height:1.5;transition:background .2s,transform .2s;max-width:100%;text-align:center}.button span{font-size:20px;line-height:1}.button:hover{background:#0459b7;transform:translateY(-2px)}.nav-contact{padding:12px 23px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:650;color:var(--blue);line-height:1.5}.text-link span[aria-hidden]{font-size:22px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:55px;padding-block:64px 54px}.hero-copy{padding-block:12px}.hero-intro{font-size:18px;line-height:1.65;margin:26px 0 32px;max-width:595px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero-art{position:relative;border-radius:var(--radius);overflow:hidden;align-self:stretch;min-height:520px;background:#e8eff8}.hero-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.art-label{position:absolute;bottom:24px;left:24px;right:24px;border:1px solid #ffffffc2;background:#ffffffd9;backdrop-filter:blur(16px);padding:19px 20px;border-radius:16px;font-size:10px;font-weight:650;letter-spacing:.13em;line-height:2;color:#365475}.art-label>.dot{margin-right:8px;width:5px;height:5px;box-shadow:none}.art-label strong{display:block;font-size:16px;letter-spacing:-.02em;color:var(--ink);line-height:1.3}.art-corner{position:absolute;top:24px;right:24px;padding:6px 12px;border:1px solid #ffffffa3;border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.15em;background:#ffffff9c}.tech-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid var(--line);padding-block:26px}.tech-strip>span{font-size:16px;font-weight:600;letter-spacing:-.02em}.tech-strip>span:first-child{font-size:12px;line-height:1.5;color:var(--body);font-weight:400;letter-spacing:0}.tech-strip strong{color:var(--ink)}.intro-section{display:grid;grid-template-columns:1fr 1fr;gap:100px}.intro-section h2{max-width:510px;margin-bottom:0}.intro-section>div:nth-child(2){padding-top:7px}.intro-section p:not(.eyebrow){font-size:18px}.intro-section .statement{margin-top:28px;margin-bottom:0;padding-left:22px;border-left:3px solid var(--bright);font-size:16px!important;color:var(--ink);font-weight:650}.tinted{background:var(--surface)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}.section-heading h2{margin:0}.section-heading>p{max-width:350px;margin:0 0 5px}.technology-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.technology{padding:28px 23px 24px;background:white;border:1px solid #e1e8f0;border-radius:20px;display:flex;flex-direction:column}.number{display:block;color:var(--blue);font-size:12px;font-weight:650;letter-spacing:.07em;margin-bottom:36px}.technology h3{font-size:22px;margin-bottom:20px;min-height:54px}.technology>p{font-size:15px}.ideal{border-top:1px solid var(--line);padding-top:20px;margin-top:auto}.ideal strong{font-size:10px;letter-spacing:.14em;color:var(--blue)}.ideal p{font-size:14px;line-height:1.65;margin:10px 0 0}.cards{display:grid;gap:20px}.vertical-cards{grid-template-columns:repeat(4,1fr)}.product-cards{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);border-radius:20px;background:white;padding:26px;display:flex;flex-direction:column;position:relative;transition:box-shadow .25s,transform .25s,border-color .25s}.card:hover{transform:translateY(-4px);border-color:#91b7e7;box-shadow:0 12px 28px #061d4808}.card-icon{display:inline-flex;width:45px;height:45px;align-items:center;justify-content:center;background:#edf4ff;color:var(--blue);border-radius:12px;flex-shrink:0}.card-icon svg{width:24px;height:24px}.card>.card-icon{margin-bottom:28px}.card h3{margin-bottom:16px}.card h3 a:hover{color:var(--blue)}.card>p{font-size:15px;line-height:1.7;margin-bottom:25px}.card .text-link{padding-top:19px;margin-top:auto;border-top:1px solid var(--line);justify-content:space-between}.count{font-size:12px;color:var(--body);margin-bottom:17px}.more-solutions{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 27px;background:var(--surface);border-radius:16px;margin-top:24px;font-size:14px;color:var(--body)}.more-solutions strong{color:var(--ink)}.method{background:var(--ink);color:white}.method h2,.method h3{color:white}.method .eyebrow{color:#83baff}.method h2{margin-bottom:48px}.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px}.step-number{border-top:1px solid #ffffff35;display:block;padding-top:18px;color:#83baff;font-size:13px;letter-spacing:.08em}.steps-grid h3{font-size:19px;margin:24px 0 15px}.steps-grid p{font-size:14px;color:#becde0;line-height:1.8;margin:0}.contact{margin-top:80px;margin-bottom:0;background:linear-gradient(110deg,#0866d5,#074496);border-radius:28px;padding:60px 65px;display:grid;grid-template-columns:1fr 180px;gap:40px;align-items:center;overflow:hidden}.contact .eyebrow{color:#e4f0ff}.contact h2{color:white;max-width:750px;font-size:clamp(31px,3.3vw,46px)}.contact p:not(.eyebrow){color:#e2efff;max-width:650px;margin-top:22px}.button.light{background:#fff;color:var(--ink);margin-top:10px}.button.light:hover{background:#e8f1ff}.contact-mark{font-size:190px;line-height:1;font-weight:200;color:#ffffff55;transform:rotate(-5deg)}.footer{padding-top:75px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:55px;padding-bottom:45px}.footer .brand{margin-bottom:18px}.footer h2{font-size:14px;letter-spacing:0;margin-bottom:20px;line-height:1.5}.footer p,.footer a:not(.brand){font-size:14px;color:var(--body);line-height:1.8}.footer a:not(.brand){display:block;margin-bottom:8px;overflow-wrap:anywhere}.footer p{margin-top:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0;font-size:12px;color:var(--body)}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--body);padding-top:28px;line-height:1.7}.breadcrumb a:hover{color:var(--blue);text-decoration:underline}.detail-hero{padding-top:32px}.detail-hero h1{font-size:clamp(36px,4.1vw,59px)}.detail-hero .hero-art{min-height:440px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.tags span{font-size:11px;font-weight:600;color:#225b9f;border:1px solid #d8e6f8;background:#f0f6ff;padding:5px 10px;border-radius:6px;line-height:1.5}.hero .tags{margin-bottom:26px}.product-cards .card h3{font-size:24px}.card .tags{margin-bottom:16px}.large-copy{font-size:22px;line-height:1.65}.process-section{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.process-list{list-style:none;padding:0;margin:0;counter-reset:step}.process-list li{display:flex;align-items:flex-start;gap:28px;border-top:1px solid var(--line);padding:21px 0}.process-list li:last-child{border-bottom:1px solid var(--line)}.process-list li span{font-size:12px;padding-top:4px;color:var(--blue);font-weight:700}.process-list p{margin:0;color:var(--ink)}.dual-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:var(--surface);padding:36px;border-radius:20px}.panel h2{font-size:32px}.check-list{list-style:none;padding:0;margin:25px 0 0}.check-list li{position:relative;padding:12px 0 12px 28px;border-bottom:1px solid var(--line);color:var(--body);font-size:16px}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.benefit-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:38px 0 0}.benefit-grid li{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);border-radius:15px;font-size:15px;font-weight:600}.implementation{border-block:1px solid var(--line);padding-block:40px;margin-bottom:65px}.implementation h2{font-size:30px;margin-bottom:20px}.implementation p:last-child{max-width:860px;margin-bottom:0}.standard{padding-block:70px;min-height:50vh}.standard h1{margin-bottom:35px}.editor-content{max-width:920px}.editor-content h2{margin-block:35px 20px}.editor-content a{text-decoration:underline;color:var(--blue)}iframe{max-width:100%;border:0}main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:8px;z-index:100;background:var(--ink);color:white;padding:10px 20px;transform:translateY(-150%);border-radius:5px}.skip:focus{transform:translateY(0)}:focus-visible{outline:3px solid #0878ee;outline-offset:5px}.menu-toggle{display:none}.admin-bar .site-header{top:32px}html.is-navigating{cursor:progress}html.is-navigating main{opacity:.68}main{transition:opacity .12s}::selection{background:#c6e2ff}
@media(min-width:1600px){.hero{padding-top:82px}.hero-art{min-height:570px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.nav-links{gap:18px}.hero{gap:30px}.hero-art{min-height:490px}.vertical-cards,.technology-grid{grid-template-columns:repeat(2,1fr)}.technology h3{min-height:0}.technology>p{min-height:50px}.steps-grid{gap:22px}.intro-section{gap:50px}.contact{padding:45px}.product-cards{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:46px}.hero-intro{font-size:17px}.brand img{width:140px}.nav-contact{padding:11px 18px;gap:14px}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.site-header{padding:10px 0}.navigation{flex-wrap:wrap;gap:12px}.brand img{width:134px;height:45px}.nav-contact{display:none}.menu-toggle{display:none;border:1px solid var(--line);border-radius:99px;background:#fff;padding:8px 16px;font-size:14px;color:var(--ink)}html.js .menu-toggle{display:block}.nav-links{width:100%;gap:0;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}html.js .nav-links{display:none}html.js .nav-links.is-open{display:flex}.nav-links a{font-size:12px;padding:7px 0}.hero{grid-template-columns:1fr;gap:30px;padding-block:35px}.hero h1{font-size:clamp(36px,7vw,53px);max-width:660px}.hero-copy{padding:0}.hero-art{height:360px;min-height:0}.detail-hero .hero-art{min-height:0;height:290px}.hero-intro{margin-top:23px;max-width:630px}.art-label{left:17px;right:17px;bottom:17px;padding:14px 17px}.art-label strong{font-size:15px}.tech-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-block:25px}.tech-strip>span{font-size:14px}.tech-strip>span:first-child{grid-column:1/-1;display:flex;gap:5px}.tech-strip br{display:none}.section{padding-block:62px}.intro-section{grid-template-columns:1fr;gap:25px}.intro-section h2{max-width:600px}.intro-section p:not(.eyebrow){font-size:16px}.eyebrow{font-size:11px;margin-bottom:18px}.section-heading{display:block}.section-heading>p,.section-heading>.text-link{margin-top:23px}.section-heading>p{max-width:550px}.technology{padding:24px}.number{margin-bottom:26px}.steps-grid{grid-template-columns:1fr 1fr;gap:30px}.method h2{margin-bottom:36px}.more-solutions{align-items:flex-start;flex-direction:column;gap:12px}.contact{grid-template-columns:1fr;padding:35px 28px;margin-top:50px}.contact-mark{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer{padding-top:55px}.process-section{grid-template-columns:1fr;gap:25px}.dual-panels{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}.breadcrumb{padding-top:21px;font-size:11px}.admin-bar .site-header{top:46px}h2{font-size:33px}.section h2{margin-bottom:25px}}
@media(max-width:480px){.vertical-cards,.technology-grid,.product-cards{grid-template-columns:1fr}.technology>p{min-height:0}.hero-actions{gap:22px}.hero h1{font-size:38px}.hero-art{height:310px}.steps-grid{grid-template-columns:1fr}.steps-grid article{display:grid;grid-template-columns:35px 1fr;column-gap:20px;border-top:1px solid #ffffff35;padding-top:20px}.steps-grid .step-number{border:0;padding:0;grid-row:span 2}.steps-grid h3{margin:0 0 10px}.steps-grid p{grid-column:2}.benefit-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}.footer-grid>div:first-child{grid-column:auto}.card{padding:25px}.card>.card-icon{margin-bottom:20px}.contact{padding:32px 24px;border-radius:22px}.panel{padding:28px}.product-cards .card h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}