.Header{width:100%;height:var(--alto-header);padding:0 4rem;background-color:var(--color-header);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:2;transition:background-color .4s ease,backdrop-filter .4s ease}.Header.isTranslucida{background-color:#2950728c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.Header-logo{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:2rem}.Header-logoCompleto{height:calc(var(--alto-header) - .2rem);aspect-ratio:700 / 770;flex-shrink:0;position:relative}.Header-imgTexto{width:100%;position:absolute;top:0;left:0;animation:logo360 14s linear infinite}.Header-imgInterior{width:43.23%;position:absolute;top:19.61%;left:24.54%;z-index:1}.Header-h1{font-family:nombre;font-weight:600;font-size:1.6em;color:var(--color-texto-principal);white-space:nowrap}.Header-nav{padding:0 4rem 0 0}.Header-ul{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:2rem}.Header-li{font-family:cabeceras;font-size:1.3em;color:var(--color-texto-principal);transition:transform 1s ease,color .8s ease,text-shadow .6s ease}.Header-li:hover{transform:scale(1.2);color:var(--color-claro);text-shadow:.1rem .1rem .25rem #001d27}@media (prefers-reduced-motion: reduce){.Header-imgTexto{animation:none}}.Footer{padding:1.25rem 4rem;background-color:var(--color-header);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:2rem;position:relative;z-index:2;font-family:cabeceras;font-size:.95em;color:var(--color-texto-principal)}.Footer-h4{margin:0 0 .3rem;font-size:1.15em}.Footer-autor{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:2rem}.Footer-fecha{font-size:1.05em}*{margin:0;padding:0;border:0;box-sizing:border-box}li{list-style:none}html{scroll-behavior:smooth}a{display:block}p a{display:inline}img,svg{width:100%;height:initial;display:block}h1,h2,h3,h4,h5,h6,p,strong,em,mark,a{background-color:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-decoration:none}button{background-color:transparent;display:block;font-family:inherit;font-size:inherit}:root{font-size:100%;--color-fondo-seccion: #764160c0;--color-claro: #8cdbd3;--color-claro-fondo: #8cdbd36f;--color-fondo-verde: #54d5504c;--color-fondo-principal: #0d1b28;--color-header: #295072;--color-header-oscuro: #1a3d5b;--alto-header: 6.6rem;--color-azul-pawcare: #b9caf5;--color-azul-pawcare-translucido: #b9caf5b3;--color-verde-pawcare-oscuro: #007219;--color-turquesa-buscatupeli: #07c5d6;--color-azul-portaldental: #0D76BC;--color-menta-tsb: #4DC79E;--color-salmon-asd: #F0836E;--color-magenta-agenda: #A4358B;--color-texto-principal: #EDEDED;--color-texto-secundario: #092c36;--color-sombra-texto: #223950d0;--color-cursor: #0ff;--color-cursor-blur: rgba(255, 255, 255, .122);--color-cursor-halo: rgba(255, 39, 230, .7);--color-cajas: rgba(0, 141, 139, .601);--color-hexagonos: rgba(20, 42, 15, .581);--color-acierto: #54d550;--color-fallo: #e05252}body{background-color:var(--color-fondo-principal)}html,body{overscroll-behavior:none}#root{min-height:100vh;min-height:100dvh;display:flex;flex-flow:column nowrap}#root>main{flex:1 0 auto}@font-face{font-family:nombre;src:url(/tipografia/SyneVariableFontwght.ttf);font-display:swap}@font-face{font-family:cabeceras;src:url(/tipografia/SyneSemiBold.ttf);font-display:swap}@font-face{font-family:titulos;src:url(/tipografia/SyneMedium.ttf);font-display:swap}@font-face{font-family:negrita;src:url(/tipografia/REMMedium.ttf);font-display:swap}@font-face{font-family:texto;src:url(/tipografia/REMLight.ttf);font-display:swap}@font-face{font-family:pixel-titulos;src:url(/tipografia/PressStart2P.woff2) format("woff2");font-display:swap}@font-face{font-family:pixel-texto;src:url(/tipografia/PixelifySans.woff2) format("woff2");font-weight:400 700;font-display:swap}@keyframes logo360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bombilla{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes disolve{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@keyframes appear{0%{transform:translateY(500px)}to{transform:translateY(0)}}@keyframes translateLeft{0%{transform:translate(1800px)}to{transform:translate(0)}}@keyframes translateRight{0%{transform:translate(-1800px)}to{transform:translate(0)}}@keyframes rotateScale{0%{transform:scale(.2) rotate(720deg)}to{transform:scale(1) rotate(0)}}
