body{margin:0;background-color:#282c34;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.App{background-color:#282c34;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container-landing{top:0;left:0;display:flex;align-items:center;justify-content:flex-end;background-image:linear-gradient(90deg,#fff,#000);background-image:url(/static/media/Fondo_Landing.c2172a3b.jpg);opacity:1;background-size:100% 100%}.container-landing-content{display:flex;align-items:center;justify-content:center;flex-direction:column;width:50%;height:720px;padding:0 5%;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:fadeIn;animation-name:fadeIn}.landing-title{font-family:"Baloo Tamma",cursive;font-size:45px;width:100%;color:#ff0;letter-spacing:5px;top:50%;margin:-40px auto 0;text-shadow:2px 2px 0 #006400,4px 4px 0 green,6px 6px 0 hsla(0,0%,100%,.3);padding-bottom:10px;border-radius:6px;background-image:linear-gradient(0deg,#9acd32,green 15%,green 85%,#9acd32);box-shadow:1px 1px 15px #ff0,1px 1px 30px #fff}.landing-paragraph{color:#fff;font-size:24px;text-shadow:1px 1px 5px #000,-1px -1px 5px #000}.landing-button{border:#ff0;border-radius:10px;background-color:#ff0;box-shadow:0 1px 10px green,1px 0 15px #9acd32;color:green;font-size:20px;font-weight:600;letter-spacing:1px;width:150px;height:40px;cursor:pointer}.landing-button:hover{background-color:green;color:#ff0;border-color:2px solid #ff0;font-size:22px;box-shadow:1px 1px 10px #ff0,-1px -1px 15px green}.container-slider{background-color:#000;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border:2px solid #ff4500;border-radius:6px;height:380px}.container-slider,.dog-container-main{width:70%;margin:10px auto;padding:10px}.dog-container{box-shadow:0 0 15px #fff;display:flex;align-items:center;justify-content:space-between;border:2px solid green;height:100%;color:#fff;padding:0;margin:0}.dog-container-left{width:54%}.dog-container-left,.dog-container-right{border:2px solid #ff0;border-radius:10px;height:400px;margin:1%}.dog-container-right{width:42%}.dog-content-title{background:green;color:#ff0;border-top-left-radius:6px;border-top-right-radius:6px;width:98%;padding:1%}.dog-image{width:95%;height:380px;border-radius:10px;margin:10px}.dog-content-detail,.dog-content-subtitle{background-color:#fcf3cf;color:#ff4500;font-size:22px;text-align:left;padding:10px;margin:0}.dog-content-detail{border:1px solid green;margin:10px;border-radius:10px}.dog-content-subtitle{color:green}.dog-content-detail-title{background-color:green;color:#fff;font-size:24px;border-top-left-radius:6px;border-top-right-radius:6px;padding:10px;margin:0}.form-container-main{background-color:#000;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:6px;width:70%;height:480px;margin:10px auto;padding:0}.form-container{background-color:inherit;display:flex;flex-direction:column;border-radius:12px;height:98%;width:100%;color:#fff;padding:0;margin:0}.form-title{background-image:linear-gradient(0deg,#9acd32,#4caf50 15%,green 85%,#9acd32);display:flex;align-items:center;justify-content:center;color:#ff0;padding:10px;width:98%;border-radius:10px}.form{display:flex;flex-direction:column;margin:10px;width:55%}.form-container-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}.form-image{display:block;border:1px solid #ff0;height:270px;width:400px;margin:10px;border-radius:10px}.label-form{background-image:linear-gradient(0deg,#9acd32,#4caf50 15%,green 85%,#9acd32);display:flex;align-items:center;justify-content:start;border:2px solid green;border-radius:10px;color:#fff;padding:5px;margin:3px}.label-form:hover{color:#ff0;box-shadow:0 0 10px #fff;border:1px solid #ff0}.span-form{text-align:left;font-size:18px;margin:0 20px 0 10px;padding:0;width:25%}.input-form,.input-form-left,.input-form-right{background-color:#c8e6c9;text-align:center;font-size:18px;border-radius:6px;margin:0;padding:5px;width:150px}#name,#temperaments,#URL-Imagen{width:320px}.button-form{background-color:green;border:2px solid green;border-radius:10px;color:#ff0;cursor:pointer}.button-form,.button-form-invalid{font-size:18px;padding:10px;margin:5px 10px}.button-form-invalid{background-color:#2f4f4f;border-radius:10px;color:#fff;pointer-events:none}.button-form:hover{background-color:#ff4500;color:#fff;border:1px solid #ff0;box-shadow:0 0 10px #fff}.input-invalid:focus{background-color:#f8bbd0}.input-invalid,.input-invalid:focus{text-align:center;font-size:18px;border-radius:6px;margin:0;padding:5px;width:150px}.list-temperaments{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:#fff;padding:0;margin:0 5px;width:auto;height:auto}.list-temperaments-item{display:flex;align-items:center;background-color:green;border-radius:3px;font-size:16px;color:#ff0;padding:0 3px;margin:3px;cursor:pointer}.button-temperament{background-color:#ff4500;border:1px solid #ff4500;border-radius:2px;font-size:10px;color:#fff;padding:0;margin:0 0 0 5px;height:15px;width:15px;cursor:pointer}.container-search-bar,.form-image{background-image:linear-gradient(0deg,#9acd32,#4caf50 15%,green 85%,#9acd32);display:flex}.container-search-bar{align-items:center;justify-content:space-between;border:2px solid green;border-radius:6px;width:70%;margin:5px auto;padding:6px}.container-filter,.container-order,.container-search{display:flex;align-items:center;justify-content:center}.search-input{margin:0;width:200px}.search-button,.search-input{padding:5px;border:1px solid #ff4500;border-radius:6px;font-size:16px}.search-button{box-shadow:1px 1px 3px #333,-1px -1px 3px #333;width:auto;margin-left:10px;cursor:pointer}.search-button,.search-button:hover{background-image:linear-gradient(0deg,#fff,#ff4500 10%,#ff4500 90%,#fff);color:#fff}.search-button:hover{box-shadow:1px 1px 3px green,-1px -1px 3px green;border:2px solid green}.filter-input,.order-input{margin:0 5px;padding:5px;border:1px solid #ff4500;border-radius:6px;font-size:16px;width:130px}.filter-input:active,.order-input:active{border:2px solid #ff4500;box-shadow:0 0 #ff4500}.material-symbols-outlined{box-shadow:1px 1px 3px #333,-1px -1px 3px #333;border:1px solid #ff4500;border-radius:6px;font-size:20px;width:40px;height:30px;margin-left:10px;padding:4px;cursor:pointer}.material-symbols-outlined,.material-symbols-outlined:hover{background-image:linear-gradient(0deg,#fff,#ff4500 10%,#ff4500 90%,#fff);color:#fff}.material-symbols-outlined:hover{box-shadow:1px 1px 3px green,-1px -1px 3px green;border:2px solid green}.card-link{text-decoration:none;color:#000}.card{background-color:#ffffe0;box-shadow:1px 1px 3px #fff,-1px -1px 3px #fff;border:2px solid green;border-radius:6px;width:23%;height:195px;margin:2px 3px;cursor:pointer}.card:hover{box-shadow:1px 1px 15px #ff4500;-webkit-transform:scale(1.05);transform:scale(1.05);border:2px solid #ff4500}.card-image{width:120px;height:85px;border-radius:6px;box-shadow:1px 1px 5px #333,-1px -1px 5px #333;border:2px solid #fff;margin:3px 0 0}.card-content{background-color:rgba(255,69,0,.3);border-radius:6px;height:50%!important}.card-content-title{background-color:green;border-radius:3px;font-size:15px;color:#fff;margin:0;padding:0}.card-content-title:hover{background-color:#ff4500}.card-content-detail,strong{text-align:left;font-size:12px;padding:0;margin:1px}.container-paginator{display:flex;flex-direction:column;background-image:linear-gradient(0deg,#9acd32,#4caf50 15%,green 85%,#9acd32);padding:5px;width:70%;margin:5px auto;border-radius:6px}.container-pagination-bar{flex-direction:row;width:100%;margin:0 auto}.container-pagination-bar,.container-pagination-text{display:flex;align-items:center;justify-content:center;border-radius:6px;padding:0}.container-pagination-text{background-color:#ff4500;box-shadow:1px 1px 2px #333,-1px -1px 5px #333;color:#fff;margin:0;width:200px;height:32px}.pageActive{box-shadow:1px 1px 2px #333,-1px -1px 5px #333;background-image:linear-gradient(0deg,#fff,#ff4500 10%,#ff4500 90%,#fff);border-radius:5px;margin:0 2px 0 1px}.pageActive,.pageInactive{display:inline-block;color:#fff;width:25px;height:25px;padding:2px}.pageInactive{background-color:green;border:1px solid #fff;border-radius:5px;margin:0 1px;cursor:pointer}.controls{margin:1px}.content-pages{width:80%}.container-slider-home{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;border-radius:6px;width:70%;height:415px;margin:5px auto;padding:2px}.container-error-active{background-color:rgba(0,0,0,.6);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container-error-inactive{display:none}.content-error{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#faebd7;border:3px solid red;border-radius:10px;padding:5px;width:400px}.error-title{color:red;text-shadow:1px 1px 3px #000;margin:0;padding:0}.error-icon{border:3px double red;border-radius:50%;font-size:35px;padding:0;margin:0;width:50px;height:50px}.error-button,.error-icon{background-color:red;color:#fff}.error-button{border:1px solid red;border-radius:10px;font-size:20px;padding:10px;margin:5px 0;width:100px;height:40px;cursor:pointer}.error-message{color:green;font-size:20px;margin:0;padding:0}.container-message-active{background-color:rgba(0,0,0,.6);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container-message-inactive{display:none}.content-message{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#faebd7;border:3px solid green;border-radius:10px;padding:5px;width:400px}.title-message{color:orange;border:none;text-shadow:1px 1px 3px #000;margin:0;padding:0}.icon-message{border:3px double orange;border-radius:50%;font-size:35px;padding:0;margin:0;width:50px;height:50px}.button-message,.icon-message{background-color:orange;color:#fff}.button-message{border:1px solid orange;border-radius:10px;font-weight:700;font-size:20px;padding:10px;margin:5px 0;width:100px;height:40px;cursor:pointer}.message{color:green;font-size:20px;margin:0;padding:0}.container-main{background-color:#ffffe0;box-shadow:1px 1px 10px #fff;justify-content:space-between;border:2px solid green;margin:0}.container-main,.container-nav{display:flex;align-items:center;padding:0}.container-nav{justify-content:flex-start;width:70%;margin:0 auto;grid-gap:0 10px;gap:0 10px}.logo-nav{width:60px}h1{color:green;margin:0 50px 0 0;padding:0;text-shadow:1px 1px 1px #ff0,-1px -1px 1px #ff0,2px 2px 3px #000;letter-spacing:2px}.nav-link-unselected{color:#ff4500}.nav-link,.nav-link-unselected{border-radius:6px;font-weight:600;padding:10px 10px 12px;text-decoration:none;cursor:pointer;width:100px}.nav-link{background-color:#ff4500;box-shadow:1px 1px 3px #333,-1px -1px 3px #333;background-image:linear-gradient(0deg,#fff,#ff4500 10%,#ff4500 90%,#fff);color:#fff}.text-about{font-size:24px;font-weight:400;color:#fff;margin-bottom:1rem;text-align:justify}
/*# sourceMappingURL=main.bdf7590d.chunk.css.map */