.navbar{position:sticky;top:0;background-color:#fff;box-shadow:0 2px 10px #0000001a;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;max-width:1200px;margin:0 auto}.navbar-logo{flex-shrink:0}.logo{height:40px;width:auto}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background-color:#000;border-radius:10px;transition:all .3s ease}.hamburger--active .hamburger-line:nth-child(1){transform:rotate(45deg)}.hamburger--active .hamburger-line:nth-child(2){opacity:0}.hamburger--active .hamburger-line:nth-child(3){transform:rotate(-45deg)}.navbar-menu{display:flex;flex-direction:column;position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;box-shadow:-5px 0 15px #0000001a;transition:right .3s ease;padding:80px 2rem 2rem;z-index:1000}.navbar-menu--active{right:0}.navbar-nav{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.nav-link{color:#333;text-decoration:none;font-size:1.1rem;font-weight:500;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .3s ease}.nav-link:hover,.nav-link--active{color:#007bff;border-bottom-color:#007bff}.navbar-cart{margin-top:auto}.CartWidget{display:flex;align-items:center;gap:.5rem;color:#333;text-decoration:none;font-weight:600}.Carrito-C{width:24px;height:24px}@media screen and (min-width: 768px){.navbar-container{padding:1rem 2rem}.logo{height:50px}.hamburger{display:none}.navbar-menu{position:static;width:auto;height:auto;background:transparent;box-shadow:none;flex-direction:row;align-items:center;padding:0;gap:2rem}.navbar-menu--active{right:auto}.navbar-nav{flex-direction:row;gap:2rem;margin-bottom:0}.nav-link{font-size:1rem;padding:.5rem 1rem;border-bottom:none}.nav-link:hover{background-color:#f8f9fa;border-bottom:none}.nav-link--active{background-color:#007bff;color:#fff;border-bottom:none}.navbar-cart{margin-top:0;margin-left:1rem}}@media screen and (min-width: 1024px){.navbar-container{padding:1.5rem 2rem}.logo{height:60px}.navbar-nav{gap:3rem}.nav-link{font-size:1.1rem;padding:.75rem 1.5rem}.navbar-cart{margin-left:2rem}.CartWidget{font-size:1.1rem;padding:.5rem 1rem;border:2px solid #007bff;border-radius:25px;transition:all .3s ease}.CartWidget:hover{background-color:#007bff;color:#fff}.Carrito-C{width:28px;height:28px}}.ListGroup{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem;background-color:#f5f5f5;min-height:50vh;place-items:center}.CardItem{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;width:100%;max-width:300px;min-height:400px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1rem;margin:0 auto;overflow:hidden;transition:all .3s ease}.CardItem:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.Header{width:100%;margin-bottom:1rem}.ItemHeader{font-size:1.1rem;color:#333;margin:0;font-weight:700}.ItemImg{width:120px;height:160px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 4px 8px rgba(0,188,212,.3));transition:transform .3s ease}.ItemImg:hover{cursor:pointer;transform:scale(1.1)}.Info{margin:.5rem 0;font-size:1rem;color:#666}.ItemFooter{width:100%;margin-top:auto}.Option{display:inline-block;background-color:#007bff;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.Option:hover{background-color:#0056b3;transform:translateY(-2px)}.stockMsj{color:#dc3545;font-weight:600;font-size:1rem;padding:.75rem;background-color:#f8d7da;border-radius:8px;border:1px solid #f5c6cb}@media screen and (min-width:768px){.ListGroup{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem}.CardItem{max-width:none;min-height:450px}.ItemHeader{font-size:1.2rem}.ItemImg{width:140px;height:180px}.Info{font-size:1.1rem;margin:.75rem 0}.Option{font-size:1.2rem;padding:.875rem 2rem}.stockMsj{font-size:1.2rem}}@media screen and (min-width: 1024px){.ListGroup{grid-template-columns:repeat(3,1fr);gap:2rem;padding:2.2rem}.CardItem{min-height:480px;padding:1.5rem}.ItemHeader{font-size:1.5rem}.ItemImg{width:150px;height:200px}}.Loading{display:flex;align-items:center;justify-content:center;height:50vh;padding:2rem 1rem;text-align:center}.Loading p{color:#007bff;font-size:1.2rem;margin-bottom:2rem;animation:pulse 2s infinite}.Loading:after{content:"";width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media screen and (min-width: 768px){.Loading{min-height:60vh;padding:3rem 2rem}.Loading p{font-size:1.4rem}.Loading:after{width:60px;height:60px;border-width:5px}}@media screen and (min-width: 1024px){.Loading{min-height:70vh;padding:4rem 3rem}.Loading p{font-size:1.8rem}.Loading:after{width:70px;height:70px;border-width:6px}}.Counter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem}.Controls{display:flex;align-items:center;justify-content:center;gap:1rem;background-color:#f8f9fa;padding:.5rem;border-radius:25px;box-shadow:0 2px 8px rgba((0),0,0,.1)}.Number{font-size:1.2rem;color:#333;margin:0;min-width:30px;text-align:center}@media screen and (min-width: 768px){.Counter{gap:1.5rem;padding:1.5rem}.Controls{gap:1.5rem;padding:.75rem}.Number{font-size:1.4rem;min-width:40px}}@media screen and (min-width: 1024px){.Counter{gap:2rem;padding:2rem}.Controls{gap:2rem;padding:1rem}.Number{font-size:1.5rem;min-width:50px}}.TextProduct{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;min-height:50vh}.TextProduct h1{font-size:1.5rem;color:#666;margin-top:2rem}.Carts{display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;max-width:400px;margin:0 auto}.cart-item{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1rem;width:100%;text-align:center;transition:transform .3s ease}.cart-item:hover{transform:translateY(-4px)}.cart-item h4{font-size:1.1rem;color:#333;margin-bottom:1rem;font-weight:700}.cart-item img{width:80px;height:100px;object-fit:contain;border-radius:8px;margin-bottom:1rem}.cart-item p{font-size:1rem;color:#666;margin:.5rem 0}.cart-total{font-size:1.3rem;margin:1.5rem;text-align:center}.Btn{background-color:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease;margin:.5rem}.Btn:hover{background-color:#c82333;transform:translateY(-2px)}.BtnRemove{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.BtnRemove:hover{background-color:#c82333}.cart-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px;margin-top:1rem}@media screen and (min-width: 768px){.TextProduct h1{font-size:2rem}.Carts{max-width:600px;gap:1.5rem}.cart-item{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:1.5rem;gap:1rem;text-align:left}.cart-item img{width:100px;height:120px}.cart-item h4{font-size:1.3rem;margin-bottom:.5rem}.cart-item p{font-size:1.2rem}.cart-total{font-size:1.5rem}.cart-actions{flex-direction:row;justify-content:center;max-width:none}.Btn{font-size:1.2rem;padding:1rem 2rem}}@media screen and (min-width: 1024px){.TextProduct{padding:3rem 2rem}.TextProduct h1{font-size:2.5rem}.Carts{max-width:800px;gap:2rem}.cart-item{grid-template-columns:120px 2fr auto;padding:2rem}.cart-item h4{font-size:1.5rem}.cart-item p{font-size:1.3rem}.cart-total{font-size:1.8rem;margin:2rem 0}.Btn{font-size:1.3rem;padding:1.2rem 2.5rem}}.Portada{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;background-image:linear-gradient(#0006,#0006),url(/assets/heroes-DgEeIWUt.png);min-height:100vh;background-size:cover;background-position:center;background-attachment:fixed;padding:1rem}.Index{font-size:1.5rem;color:#fff;line-height:1.6;max-width:500px;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);animation:fadeInUp 1s ease-out}.Funkos{font-size:1.2rem;color:#fff;line-height:1.6;max-width:500px;margin-bottom:2rem;text-shadow:3px 6px 6px rgba(0,0,0,.7);animation:fadeInUp 1s ease .3s both}.Md{color:gold;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.Productos{display:inline-block;background:linear-gradient((45deg,#007bff,#0056b3));color:#fff;font-weight:700;font-size:1.2rem;padding:1rem 2rem;border-radius:30px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;animation:fadeInUp 1s ease-out .6s both}.Productos:hover{background:linear-gradient(45deg,gold,#ffed4e);color:#0d47a1;transform:translateY(-2px);box-shadow:0 8px 25px #fff6}.Back{display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(#0000004d,#0000004d),url(/assets/back-contact-DtZmtvex.jpg);background-repeat:no-repeat;height:100vh;background-size:cover;background-position:center;padding:1rem}.TextTitulo{font-size:2rem;text-shadow:3px 6px 6px rgba(255,255,255,.7);color:#007bff;margin-bottom:2rem;animation:fadeInDown 1s ease-out}.Super{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;box-shadow:0 10px 30px #0003;width:100%;animation:fadeInUp 1s ease-out .3s both}.Super input{width:100%;height:50px;padding:0 1rem;border:2px solid #e0e0e0;border-radius:25px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.Super input:focus{outline:none;border-color:red;box-shadow:0 0 0 3px #007bff1a}.Super input::placeholder{color:#999}.Contacto{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;height:55px;border:none;border-radius:25px;cursor:pointer;font-size:1rem;padding:0 2rem;transition:all .3s ease;width:100%;max-width:200px}.Contacto:hover{background:linear-gradient(45deg,#20c997,#17a2b8);transform:translateY(-2px);box-shadow:0 5px 15px #28a7454d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 768px){.Index{font-size:3rem;margin-bottom:1.5rem}.Funkos{font-size:1.2rem;max-width:600px;margin-bottom:2.5rem}.Productos{font-size:1.3rem;padding:1.2rem 2.5rem}.TextTitulo{font-size:2.5rem;margin-bottom:2.5rem}.Super{padding:2.5rem 2rem;max-width:500px;gap:1.5rem}.Super input{height:60px;font-size:1.1rem}.Contacto{height:60px;font-size:1.1rem;max-width:250px}}@media screen and (min-width: 1024px){.Index{font-size:4rem;margin-bottom:2rem}.Funkos{font-size:1.4rem;max-width:700px;margin-bottom:3rem}.Productos{font-size:1.5rem;padding:1.5rem 3rem}.TextTitulo{font-size:3rem;margin-bottom:3rem}.Super{padding:3rem;max-width:600px;gap:2rem}.Super input{height:65px;font-size:1.2rem}.Contacto{height:65px;font-size:1.2rem;max-width:280px}}.Container{padding:1rem;max-width:400px;margin:0 auto}.Form{display:flex;flex-direction:column;gap:5rem;padding:15px}.Input{margin:10px 0;padding:5px;width:100%}button[type=submit]{margin:20px;padding:15px;border:none;border-radius:20px;cursor:pointer;color:#4e4b4b}button[type=submit]:hover{background-color:#0ff}.Check{background-color:red;text-align:center}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin-top:auto;width:100%}.footer-container{max-width:1200px;margin:0 auto;padding:2rem 1rem 1rem}.footer-content{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.footer-section h3.footer-title{font-size:1.8rem;margin-bottom:.5rem;color:gold;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.footer-section h4.footer-subtitle{font-size:1.2rem;color:#ecf0f1;border-bottom:2px solid #ffd700;padding:.5rem;display:inline-block}.footer-description{font-size:1rem;color:#bdc3c7;line-height:1.5;margin-bottom:1rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem;padding-left:1rem;position:relative}.footer-links li:before{content:"▶";position:absolute;left:0;color:gold;font-size:1rem}.footer-links a{color:#bdc3c7;text-decoration:none;transition:color .3s ease;font-size:1rem}.footer-links a:hover{color:gold;text-shadow:0 0 5px rgba(255,215,0,.15)}.footer-links li:not(:has(a)){color:#bdc3c7;font-size:1rem}.footer-bottom{border-top:1px solid #34495e;padding:1.5rem;text-align:center}.footer-bottom p{color:#95a5a6;font-size:.9rem;margin:0}@media screen and (min-width: 768px){.footer-container{padding:3rem 2rem 1rem}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:3rem;text-align:left}.footer-section:first-child{padding-right:2rem}.footer-description{font-size:1.1rem;max-width:300px}}@media screen and (min-width: 1024px){.footer-container{padding:4rem 2rem 1rem}.footer-content{gap:4rem}.footer-section:first-child{padding-right:3rem}.footer-description{font-size:1.2rem}}*{margin:0;padding:0;box-sizing:border-box}
