/* Ajustes aprobados de identidad. Añadir después del CSS actual. */
@font-face{font-family:Inter;src:url('fonts/Inter-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
body,input,textarea,button,.sound-toggle{font-family:Inter,Arial,sans-serif}
.brand{display:inline-flex;letter-spacing:normal;gap:0;line-height:0;text-shadow:none;flex-shrink:0}
.brand:before{content:none;display:none}
.brand img{display:block;width:240px;height:auto}
@media(max-width:800px){.brand img{width:210px}}
@media(max-width:560px){.brand img{width:194px}.hero h1{font-size:41px}}
@media(max-width:360px){.brand img{width:178px}.card{grid-template-columns:36% 64%}.card h2{font-size:18px}.card-copy{padding-inline:13px}}