@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/fonts/archivo-latin.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/fonts/archivo-latin-ext.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/jetbrains-mono-400.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/jetbrains-mono-600.woff2) format('woff2')}
@font-face{font-family:'Josefin Sans';font-style:normal;font-display:swap;font-weight:300;src:url(/assets/fonts/josefin-sans-300.woff2) format('woff2')}
@font-face{font-family:'Josefin Sans';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/josefin-sans-400.woff2) format('woff2')}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #5B74FF;outline-offset:2px}
.form-note{grid-column:1/-1;margin:0;font-size:14px;color:#9AA1B2}
@media (max-width: 760px){
  header nav{gap:14px 18px !important;font-size:14px !important}
  section{padding-left:16px !important;padding-right:16px !important}
  header > div, footer > div{padding-left:16px !important;padding-right:16px !important}
  #inicio > div{height:auto !important;min-height:600px}
  #inicio > div > div[style*="justify-content: flex-end"]{padding:96px 20px 72px !important;height:auto !important;min-height:600px}
  #inicio h1{font-size:46px !important}
  #inicio p{font-size:17px !important}
  #inicio > div > div[style*="font-size: 30px"]{font-size:18px !important}
  h2{font-size:36px !important}
  #clientes p[style*="font-size: 56px"]{font-size:32px !important}
  #sobre-mi img{height:420px !important}
  #contacto form{padding:20px !important}
  main{padding-left:16px !important;padding-right:16px !important}
  main h1{font-size:34px !important}
  dl{grid-template-columns:1fr !important;gap:4px 0 !important}
  dl dd{margin-bottom:12px !important}
}
@media (max-width: 760px){
  #clientes div[style*="minmax(220px"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:32px 16px !important}
  #clientes ul{font-size:14px !important}
}