/* Identidad comas.exe, 2 de noviembre de 2026. */
@font-face{font-family:Sora;src:url('personal-assets/Sora-variable.ttf') format('truetype');font-weight:100 800;font-display:swap}
:root{--ink:#263557;--blue:#334578;--accent:#EDA783;--muted:#586173;--soft:#eeefF2;--line:#dce0e8}
body{background:#F7F6F2}
h1,h2,h3,h4,h5,.signature,.brand-wordmark{font-family:Sora,Inter,Arial,sans-serif}
.signature{flex-shrink:0}.signature .brand-wordmark{display:block;width:212px;height:auto;max-width:100%;border:0;box-shadow:none}
.header,.index-header{background:#f7f6f2f5}.header.s{background:#f7f6f2f5}
.hero:before{background:radial-gradient(520px circle at var(--mx,72%) var(--my,28%),#EDA78330,transparent 70%),linear-gradient(#33457808 1px,transparent 1px) 0 0/100% 56px,linear-gradient(90deg,#33457808 1px,transparent 1px) 0 0/56px 100%}
.primary:hover,.fab:hover,.header nav>a.contact-nav:hover,.header nav>a.contact-nav.on{background:#293962}
.contact{background:#334578}.contact .eyebrow,.contact em{color:#EDA783}.contact:before{background:radial-gradient(560px circle at var(--mx,70%) var(--my,40%),#EDA78322,transparent 70%)}
.contact .light{background:#F7F6F2;color:#334578}.contact .light:hover{background:#f5ddce}
.contact-nav{background:#334578}.index-header .back-link{background:#334578}
.index-footer .signature .brand-wordmark{width:178px}
@media(max-width:700px){.signature .brand-wordmark{width:164px}.hero h1{letter-spacing:-.065em}.header nav{gap:0}.header nav>a.contact-nav{padding-inline:13px}.contact h2{font-size:clamp(40px,10.2vw,65px)}}
@media(max-width:370px){.signature .brand-wordmark{width:145px}}
h1,h2,h3,h4,h5{font-weight:700}

.hero h1 em{color:var(--accent)}
