/* Devartiva — identidad visual Fase 05 */
:root{--dev-blue:#3b82f6;--dev-ink:#0f172a;--dev-mist:#f8fafc}
body,button,input,textarea,select,label{font-family:Arial,Helvetica,sans-serif}
body{color:var(--dev-ink)}input,textarea,select{font-size:16px}
.button{background:var(--dev-blue);color:#0f172a;font-weight:700;border-radius:8px}
.button:hover{background:#2563eb;color:white}.eyebrow,em{color:#2563eb}
header.wrap{min-height:100px}.brand{width:220px}
.hero{position:relative;max-width:none;min-height:590px;display:block;padding:0;overflow:hidden;background:#edf2f6}
.hero>div:first-child{position:relative;z-index:2;max-width:1240px;margin:auto;padding:85px 40px 70px;pointer-events:none}
.hero>div:first-child>*{max-width:470px;pointer-events:auto}
.hero h1{font-size:clamp(40px,4.3vw,62px);letter-spacing:-2.5px;line-height:1.08}
.hero .intro{font-size:17px;line-height:1.75;color:#334155}
.hero .actions{max-width:530px;gap:20px}.hero .hero-note{margin-top:30px}
.dev-workspace{position:absolute;inset:0;margin:0}
.dev-workspace img{height:100%;width:100%;object-fit:cover;object-position:center 60%;display:block}
.dev-workspace:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f9fc 0%,rgba(247,249,252,.97) 25%,rgba(247,249,252,.84) 40%,rgba(247,249,252,0) 65%)}
.dev-pillars{padding-top:30px;padding-bottom:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-bottom:1px solid #e5e7eb}
.dev-pillar{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:700}
.dev-pillar svg{width:28px;height:28px;stroke:#3b82f6;fill:none;stroke-width:1.7;flex-shrink:0}
.services{border-top:0;padding-top:65px}.grid article{border-radius:14px;background:#fff;transition:transform .15s}.grid article:hover{transform:translateY(-3px)}
.contact form{font-family:Arial,Helvetica,sans-serif}.contact label{font-family:inherit}
.dev-footer{display:block;background:#0f172a;color:#cbd5e1;border:0;padding:50px 0 20px;font-size:14px}
.dev-footer .footer-columns{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}
.dev-footer img{width:260px;max-width:100%;height:auto;display:block}
.dev-footer h3{color:white;font-size:15px}.dev-footer a{display:block;margin:9px 0;color:#e2e8f0}
.dev-footer p{margin:12px 0}.dev-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #334155;margin-top:35px;padding-top:20px;font-size:12px}
.dev-footer .footer-bottom a{margin:0}.dev-footer .motto{font-size:17px;color:#93c5fd}
.glpi-intro{background:#0f172a;padding:60px 0;color:white}.glpi-intro h1{font-size:clamp(34px,4vw,54px);line-height:1.12;max-width:900px}.glpi-intro .eyebrow{color:#93c5fd}
.glpi-body{max-width:1240px;padding-top:50px;padding-bottom:65px}
.glpi-lead{max-width:850px;font-size:18px;color:#475569;line-height:1.85}
.glpi-section{margin-top:45px}.glpi-section h2{font-size:30px;max-width:850px}
.glpi-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;list-style:none;padding:0;margin:24px 0}
.glpi-feature-grid li{border:1px solid #dfe6f0;border-radius:12px;padding:23px;background:#f8fafc;color:#475569}
.glpi-feature-grid strong{display:block;color:#0f172a;font-size:18px;margin-bottom:9px}
.glpi-section p{max-width:900px;line-height:1.85;color:#475569}
.glpi-cta{background:#eff6ff;border-left:4px solid #3b82f6;padding:30px;border-radius:10px;margin-top:45px}
.glpi-back{font-size:14px;color:#475569}
@media(min-width:1550px){.dev-workspace img{object-position:center 65%}}
@media(max-width:900px){header.wrap{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}header nav{flex-wrap:wrap;gap:14px}header nav a:not(.button){display:block}.hero>div:first-child{padding-left:24px;padding-right:24px}.hero>div:first-child>*{max-width:430px}.dev-workspace:after{background:linear-gradient(90deg,#f7f9fc 0%,rgba(247,249,252,.95) 40%,rgba(247,249,252,.1) 100%)}.dev-pillars{grid-template-columns:repeat(2,1fr)}.dev-footer .footer-columns{grid-template-columns:1fr 1fr}.hero .actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:640px){header nav{font-size:12px;width:100%;justify-content:space-between}.hero{display:flex;flex-direction:column;min-height:0}.hero>div:first-child{padding:40px 24px 25px;width:100%}.hero>div:first-child>*{max-width:100%}.hero h1{font-size:42px;letter-spacing:-1.8px}.dev-workspace{position:relative;inset:auto;height:260px;order:2}.dev-workspace:after{background:linear-gradient(180deg,#edf2f6,transparent 30%)}.dev-workspace img{object-position:70% center}.dev-pillar{font-size:12px}.dev-footer .footer-columns{grid-template-columns:1fr;gap:24px}.glpi-feature-grid{grid-template-columns:1fr}.glpi-intro{padding:40px 0}.glpi-section h2{font-size:25px}.dev-footer .footer-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.grid article{transition:none}.grid article:hover{transform:none}}