/* Desarrollado por Diego Fernando Zapata | https://diegozapatadz.com | WhatsApp +57 316 371 1641. 2026. Todos los derechos reservados sobre los aportes originales, sujetos a los acuerdos escritos aplicables. */
.developer-page{padding:clamp(30px,4vw,58px) 24px 88px;background:#f7fafc;color:#142d40;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.developer-page *{box-sizing:border-box}
.developer-page__inner{width:min(100%,1120px);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__profile-copy{max-width:650px}
.developer-page__back{display:inline-flex;margin:0 0 22px;color:#0b5277;font-size:.95rem;font-weight:700;text-decoration:none;text-underline-offset:4px}
.developer-page__back:hover,.developer-page__back:focus-visible{color:#c2410c;text-decoration:underline}
.developer-page h1{margin:0 0 16px;color:#0b2f4a;font-size:clamp(2.25rem,3.7vw,2.95rem)!important;font-weight:800;letter-spacing:-.04em;line-height:1.08!important}
.developer-page p{color:#42586b;font-size:1.05rem;line-height:1.72}
.developer-page__lead{max-width:54ch;margin:0 0 18px;font-size:1.16rem!important;line-height:1.55!important}
.developer-page__hook{max-width:52ch;margin:0 0 12px;color:#0b2f4a!important;font-size:clamp(1.15rem,1.7vw,1.35rem)!important;font-weight:700;line-height:1.45!important}
.developer-page__services{max-width:58ch;margin:0 0 22px}
.developer-page__hero-action{display:inline-flex;width:min(100%,275px);min-height:64px;align-items:center;justify-content:center;gap:13px;padding:14px 24px;border:1px solid #128c4a;border-radius:14px;background:#128c4a;color:#fff;font-size:1.08rem;font-weight:800;text-decoration:none;box-shadow:0 10px 22px #128c4a24;transition:background-color .18s,box-shadow .18s,transform .18s}
.developer-page__hero-action:hover,.developer-page__hero-action:focus-visible{transform:translateY(-2px);background:#0b7540;box-shadow:0 14px 26px #128c4a35}
.developer-page h2{margin:0 0 16px;color:#0b2f4a;font-size:clamp(1.75rem,3.1vw,2.35rem)!important;font-weight:800;letter-spacing:-.03em;line-height:1.18!important}
.developer-page__profile-copy h2 span{display:block;color:#b45309}
.developer-page__profile-copy>p:not(.developer-page__lead){margin:0 0 14px}
.developer-page__portrait{position:relative;margin:0;overflow:hidden;aspect-ratio:1/1;border-radius:18px;background:#0b2f4a;box-shadow:0 18px 38px #0b2f4a20}
.developer-page__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.developer-page__support{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(28px,5vw,72px);margin-top:clamp(52px,7vw,84px);padding:34px 0 0;border-top:1px solid #d8e2ea}
.developer-page__support-copy{max-width:430px}
.developer-page__support-copy h2{margin-bottom:10px;font-size:clamp(1.65rem,2.6vw,2rem)!important}
.developer-page__support-copy p{margin:0}
.developer-page__contacts{display:grid;grid-template-columns:minmax(250px,1.15fr) minmax(190px,1fr);gap:14px 24px;align-items:center}
.developer-page__contact{display:flex;min-width:0;flex-direction:column;gap:5px;color:#607487;font-size:.86rem;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 #d8e7f0;border-radius:12px;background:#eaf3f8;color:#0b5277;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:#f2dfcc;background:#fff3e8;color:#a64b0b}
.developer-page__contact:hover .developer-page__contact-icon,.developer-page__contact:focus-visible .developer-page__contact-icon{transform:translateY(-2px);background:#dcecf5}
.developer-page__contact:hover .developer-page__contact-icon--web,.developer-page__contact:focus-visible .developer-page__contact-icon--web{background:#fae8d6}
.developer-page__contact strong{color:#0b2f4a;font-size:1rem;font-weight:800}
.developer-page__copy-status{min-height:1.2em;color:#128c4a;font-size:.82rem;font-weight:700}
.developer-page__contact:not(.developer-page__contact--whatsapp):hover,.developer-page__contact:not(.developer-page__contact--whatsapp):focus-visible{color:#0b5277;text-decoration:underline;text-underline-offset:4px}
.developer-page__whatsapp-icon{width:34px;height:34px;flex:0 0 34px;fill:currentColor}
.developer-page a:focus-visible,.developer-page button:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}
@media(max-width:860px){.developer-page__profile{grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:34px}.developer-page__support{grid-template-columns:1fr;gap:22px}.developer-page__support-copy{max-width:620px}.developer-page__contacts{max-width:740px}}
@media(max-width:640px){.developer-page{padding:30px 20px 88px}.developer-page__profile{grid-template-columns:1fr;gap:26px}.developer-page__profile-copy{max-width:unset}.developer-page__back{margin-bottom:24px}.developer-page h1{font-size:clamp(2.3rem,10vw,3.1rem)!important}.developer-page__lead{margin-bottom:16px}.developer-page__hook{font-size:1.2rem!important}.developer-page__services{margin-bottom:20px}.developer-page__hero-action{width:min(100%,360px)}.developer-page__portrait{width:min(100%,430px);aspect-ratio:4/3}.developer-page__support{margin-top:38px;padding-top:26px}.developer-page__contacts{grid-template-columns:1fr;gap:19px}.developer-page__contact{padding-left:2px}.developer-page__contact strong{font-size:19px}}
@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}}