/* Desarrollado por Diego Fernando Zapata | https://diegozapatadz.com | https://wa.me/573163711641. 2026. */
.developer-page{padding:clamp(34px,5vw,68px) 24px 78px;background:#f5f8fd;color:#10284d;font-family:"Plus Jakarta Sans",sans-serif}
.developer-page *{box-sizing:border-box}
.developer-page__inner{width:min(100%,1160px);margin:0 auto}
.developer-page__profile{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.82fr);align-items:center;gap:clamp(42px,7vw,92px)}
.developer-page__copy{max-width:650px}
.developer-page__back{display:inline-flex;margin:0 0 22px;color:#174a9b;font-size:.95rem;font-weight:700;text-decoration:none;text-underline-offset:4px}
.developer-page__back:hover,.developer-page__back:focus-visible{color:#a94e08;text-decoration:underline}
.developer-page h1{margin:0 0 16px;color:#0a2558;font-size:clamp(2.25rem,4.2vw,3.55rem);font-weight:800;letter-spacing:-.04em;line-height:1.08}
.developer-page h2{margin:0 0 12px;color:#0a2558;font-size:clamp(1.7rem,3vw,2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}
.developer-page p{color:#334155;font-size:1.05rem;line-height:1.7}
.developer-page__lead{max-width:54ch;margin:0 0 20px;font-size:1.16rem!important;line-height:1.55!important}
.developer-page__hook{max-width:52ch;margin:0 0 12px;color:#0a2558!important;font-size:clamp(1.18rem,1.8vw,1.42rem)!important;font-weight:750;line-height:1.45!important}
.developer-page__services{max-width:58ch;margin:0 0 24px}
.developer-page__whatsapp{display:inline-flex;width:min(100%,290px);min-height:64px;align-items:center;justify-content:center;gap:13px;padding:14px 24px;border:1px solid #0b6b55;border-radius:14px;background:#0b6b55;color:#fff;font-size:1.08rem;font-weight:800;text-decoration:none;box-shadow:0 10px 24px #0b6b5526;transition:background-color .18s,box-shadow .18s,transform .18s}
.developer-page__whatsapp:hover,.developer-page__whatsapp:focus-visible{transform:translateY(-2px);background:#074f3f;box-shadow:0 14px 28px #0b6b5535}
.developer-page__whatsapp svg{width:32px;height:32px;flex:0 0 32px;fill:currentColor}
.developer-page__portrait{position:relative;margin:0;overflow:hidden;aspect-ratio:1/1;border-radius:20px;background:#0a2558;box-shadow:0 18px 38px #0a255826}
.developer-page__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.developer-page__project{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(30px,5vw,72px);margin-top:clamp(54px,7vw,84px);padding:32px 0 0;border-top:1px solid #d4deeb}
.developer-page__project-copy{max-width:470px}
.developer-page__project-copy p{margin:0}
.developer-page__contacts{display:grid;grid-template-columns:minmax(250px,1.15fr) minmax(190px,1fr);gap:16px 24px;align-items:center}
.developer-page__contact{display:flex;min-width:0;flex-direction:column;gap:5px;color:#52657b;font-size:.88rem;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.developer-page__contact-icon{display:grid;width:38px;height:38px;place-items:center;margin-bottom:5px;border:1px solid #d4e2f1;border-radius:12px;background:#e8f1fb;color:#174a9b;transition:transform .18s,background-color .18s}
.developer-page__contact-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.developer-page__contact-icon--web{border-color:#f0ddc9;background:#fff3e8;color:#a94e08}
.developer-page__contact:hover .developer-page__contact-icon,.developer-page__contact:focus-visible .developer-page__contact-icon{transform:translateY(-2px);background:#dceaf8}
.developer-page__contact:hover .developer-page__contact-icon--web,.developer-page__contact:focus-visible .developer-page__contact-icon--web{background:#fae7d4}
.developer-page__contact strong{color:#10284d;font-size:1rem;font-weight:800}
.developer-page__contact:not(.developer-page__contact--whatsapp):hover,.developer-page__contact:not(.developer-page__contact--whatsapp):focus-visible{color:#174a9b;text-decoration:underline;text-underline-offset:4px}
.developer-page__copy-status{min-height:1.2em;color:#0b6b55;font-size:.82rem;font-weight:750}
.developer-page a:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}
.developer-footer{display:grid;gap:12px;justify-items:center;padding:28px 22px 34px;background:#05132d;color:#dbe7f5;text-align:center;font-size:.86rem}
.developer-footer p{margin:0;color:#dbe7f5;line-height:1.55}
.developer-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px}
.developer-footer a{color:#dbe7f5;text-decoration:none;text-underline-offset:4px}
.developer-footer a:hover,.developer-footer a:focus-visible{color:#ffc16c;text-decoration:underline}
.developer-footer__credit a{font-weight:750}
@media(max-width:860px){.developer-page__profile{grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:34px}.developer-page__project{grid-template-columns:1fr;gap:22px}.developer-page__project-copy{max-width:620px}.developer-page__contacts{max-width:740px}}
@media(max-width:640px){.developer-page{padding:30px 20px 54px}.developer-page__profile{grid-template-columns:1fr;gap:26px}.developer-page__copy{max-width:unset}.developer-page__back{margin-bottom:24px}.developer-page h1{font-size:clamp(2.3rem,10vw,3.1rem)}.developer-page__lead{margin-bottom:16px}.developer-page__hook{font-size:1.2rem!important}.developer-page__services{margin-bottom:20px}.developer-page__whatsapp{width:min(100%,360px)}.developer-page__portrait{width:min(100%,430px);aspect-ratio:4/3}.developer-page__project{margin-top:38px;padding-top:26px}.developer-page__contacts{grid-template-columns:1fr;gap:18px}.developer-page__contact{padding-left:2px}.developer-page__contact strong{font-size:19px}.developer-footer{font-size:.82rem}}
@media(max-width:768px){.developer-page p{font-size:19px!important;line-height:1.6!important}.developer-page__lead{font-size:19px!important;line-height:1.6!important}}
@media(prefers-reduced-motion:reduce){.developer-page *{scroll-behavior:auto!important;transition:none!important}}