.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}.Header-menuBoton{display:none}@media (prefers-reduced-motion: reduce){.Header-imgTexto{animation:none}}@media (max-width: 930px){.Header{padding:0 1.25rem}.Header-logo{min-width:0;gap:1rem}.Header-logoCompleto{height:5rem}.Header-menuBoton{width:2.75rem;height:2.75rem;border-radius:.4rem;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:.4rem;flex-shrink:0;color:var(--color-texto-principal);cursor:pointer}.Header-menuBoton:focus-visible{outline:2px solid var(--color-claro);outline-offset:2px}.Header-menuBarra{width:1.6rem;height:.2rem;border-radius:.1rem;background-color:currentColor;display:block;transition:transform .3s ease,opacity .3s ease}.Header-menuBoton.isAbierto .Header-menuBarra:nth-child(1){transform:translateY(.6rem) rotate(45deg)}.Header-menuBoton.isAbierto .Header-menuBarra:nth-child(2){opacity:0}.Header-menuBoton.isAbierto .Header-menuBarra:nth-child(3){transform:translateY(-.6rem) rotate(-45deg)}.Header-nav{padding:.5rem 1.25rem 1rem;background-color:var(--color-header);border-top:1px solid var(--color-header-oscuro);box-shadow:0 .5rem 1rem #00000059;position:fixed;top:var(--alto-header);left:0;right:0;transform:translateY(-.75rem);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s}.Header-nav.isAbierto{transform:none;opacity:1;visibility:visible;pointer-events:auto}.Header-ul{flex-flow:column nowrap;align-items:stretch;gap:0}.Header-li{border-bottom:1px solid var(--color-header-oscuro)}.Header-li:last-child{border-bottom:0}.Header-li:hover{transform:none}.Header-li .Header-a{padding:.85rem .25rem}}@media (max-width: 560px){.Header{padding:0 1rem}.Header-logo{gap:.75rem}.Header-logoCompleto{height:4.25rem}.Header-h1{font-size:1.35em}.Header-nav{padding:.5rem 1rem 1rem}}.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}@media (max-width: 930px){.Footer{padding:1.25rem 2rem}}@media (max-width: 560px){.Footer{padding:1.5rem 1.25rem;flex-flow:column nowrap;gap:1rem;text-align:center}.Footer-autor{flex-flow:column nowrap;gap:.4rem}.Footer-h5{max-width:20rem}}*{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)}}
