:root{--linea: #17181c;--gradient-light: linear-gradient(45deg, #4A69B0 50%, #112C74 50%);--gradient-dark: linear-gradient(45deg, #115C49 50%, #0A9975 50%);--azul-oscuro: #112C74;--azul-claro: #4A69B0;--verde-oscuro: #115C49;--verde-claro: #0A9975;--blanco: #f1f1ff;--rojo: rgb(116, 9, 9);--fuente-Principal: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}html,body{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--fuente-Principal);color:var(--linea)}h1{margin:1rem 0 0;font-size:3rem;font-weight:900;line-height:2.75rem;text-align:center;background-image:var(--gradient-light);background-clip:text;-webkit-text-fill-color:transparent;text-wrap:balance}section:nth-child(2){display:grid;box-sizing:border-box;max-width:90%;padding:0;margin:.5rem auto;grid-template-columns:82% 15%;gap:.5rem}section:nth-child(2) label{grid-column:1/3;justify-self:center}section:nth-child(2) input[type=date]{box-sizing:border-box;margin:.5rem 0px;padding:.25rem .5rem;font-size:2rem;height:51px;max-width:100%;background:var(--blanco);border:1px solid var(--linea)}section:nth-child(2) button{box-sizing:border-box;margin:.5rem 0px;padding:.25rem .5rem;height:51px;max-width:100%;background:var(--blanco);border:1px solid var(--linea)}section:nth-child(2) button img{width:31px}section:nth-child(2) input[type=date].valid{box-shadow:0 0 10px var(--azul-oscuro);border:2px solid var(--azul-oscuro)}section:nth-child(2) input[type=date].invalid{box-shadow:0 0 10px var(--rojo);border:2px solid var(--rojo)}#resultado{box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;transition:all .5s ease}#resultado article{box-sizing:border-box;text-align:center;align-self:center}#resultado article img{width:86px;display:block;margin:auto;object-fit:contain}#resultado article p{margin:0}#resultado article p strong{display:block}#resultado hr{border:1px solid var(--blanco);background:var(--blanco);width:100%;height:1px}#resultado hr:first-child{grid-column:1 / 4}#resultado article:nth-child(2) strong{font-size:3.5rem;line-height:3.25rem}#resultado article:nth-child(3){grid-column:2 / 4}#resultado article:nth-child(4) p strong,#resultado article:nth-child(5) p strong,#resultado article:nth-child(6) p strong{font-size:2rem}#resultado article:nth-child(7) p strong{font-size:1.3rem}#resultado article:nth-child(8) p strong,#resultado article:nth-child(9) p strong{font-size:1.2rem}#resultado article:nth-child(10) img{margin:.75rem auto;width:60px}#resultado article:nth-child(12) img{width:64px}#resultado article:nth-child(13){grid-column:1 / 4}#resultado article:nth-child(13) p{text-wrap:balance;font-size:small}#resultado article:nth-child(13) p strong{display:inline;color:var(--azul-oscuro)}#resultado hr:last-child{grid-column:1 / 4}#error{grid-column:1 / 4;text-align:center;font-size:1.5rem;background-color:var(--rojo);color:var(--blanco);border-radius:.5rem;padding:1rem}#error img{width:128px!important;margin:1rem auto}section:nth-child(4){display:grid;grid-template-columns:auto auto;gap:1rem;justify-content:center}section:nth-child(4) button{background-color:transparent;border:none}section:nth-child(4) button img{width:31px;box-sizing:border-box}footer{text-align:center}footer dialog{width:80%!important;text-align:left;border-radius:.5rem;transition:all .5s ease}::backdrop{background-color:var(--linea);opacity:.75;transition:all .5s ease}footer dialog button{float:right;border:1px solid var(--linea)}footer dialog ul li{list-style:square}footer p a{color:var(--linea);text-decoration:none}footer p:first-child{margin-bottom:0}footer p:last-child{margin-top:0}@media screen and (width >=768px){section:nth-child(2){max-width:480px;margin:1rem auto}#resultado{max-width:560px;margin:auto}#resultado hr{border:1px solid var(--blanco)}footer dialog{max-width:640px}}@media (prefers-color-scheme: dark){body{background-color:var(--linea);color:var(--blanco)}h1{background-image:var(--gradient-dark);-webkit-text-fill-color:transparent}#resultado hr{border:1px solid var(--linea);background:var(--linea)}#resultado article:nth-child(13) p strong{color:var(--verde-oscuro)}footer p a{color:var(--blanco)}footer dialog{background:var(--linea);color:var(--blanco)}::backdrop{background-color:var(--blanco)}footer dialog button{background-color:var(--linea);border:1px solid var(--blanco)}}