.app-container{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.contenedor-modal{height:100vh;width:100%;position:fixed;top:0;left:0;background-color:#0009;z-index:10;display:flex;justify-content:center;align-items:center}.contenido-modal{background-color:#fff;min-width:80%;min-height:50%;position:relative;overflow-y:auto;max-height:90%;max-width:90%}.contenedor-modal h1{color:var(--primary-color)}.close-modal{top:0;right:10px;color:var(--primary-color);cursor:pointer;position:absolute;font-size:30px;font-weight:500}.crearPublicacion-container form{display:flex;flex-direction:column;align-items:center;height:100%;gap:30px}.crearPublicacion-container .file-container{display:flex;justify-content:center;align-items:center;height:100px;border:dashed 2px var(--primary-color);padding:5px;width:260px}.file-container p{color:var(--primary-color)}.crearPublicacion-container input,.crearPublicacion-container select{border:none;height:40px;border-bottom:1.5px solid var(--primary-color);box-shadow:0 1px 2px #000c;padding:10px 60px 10px 15px;border-radius:2px;font-size:16px;background-color:#fff}@media (max-width: 750px){.contenido-modal{width:100%;max-width:93%;padding:10px;display:flex;flex-direction:column;align-items:center}.contenido-modal h1{margin-bottom:12px}}section h1{font-size:16px;color:gray;margin:0 15px}.title-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.title-container .title{color:gray}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:10px 0}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;margin:0 8px 16px;border-radius:6px;height:400px;box-shadow:0 1px 2px #0000001f}.card .content{flex:4;max-width:284px;min-width:150px;padding:0 16px 16px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.card .content .card-title{font-size:clamp(1.35rem,2.5vw,1.5rem);line-height:1.2;font-weight:600;max-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;text-transform:lowercase;margin:5px 0;color:#000}.card-title:first-letter{text-transform:capitalize}.card .content h3{font-weight:600}.card .content .boton a{text-decoration:none;color:#fff;line-height:40px}.card .img-container{flex:6;max-width:284px;min-width:150px;padding:16px;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);min-height:261px}.card .img-container img{width:100%;height:100%;object-fit:cover}.disable{position:relative;filter:brightness(.75);pointer-events:none}.disable .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff80;z-index:2;display:flex;justify-content:center;align-items:center;pointer-events:none}.disable .overlay .sold-out-text{color:red;font-size:2.8rem;font-weight:700;transform:rotate(-40deg);opacity:.6;border:5px solid red;padding:10px;text-shadow:1px 1px 2px black}.disable .boton-disable,.link-disable{pointer-events:none}@media (min-width: 750px){.card{min-width:284px}}@media (max-width: 750px){.card-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;padding:0}.card{background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;text-align:center;box-shadow:0 0 5px #0000001a;height:415px;margin:6px}.card .img-container{width:100%;aspect-ratio:1 / 1;overflow:hidden;padding:8px}.card .img-container img{width:100%;height:100%;object-fit:cover;display:block}.content{padding:10px;max-height:200px}.boton{padding:6px 12px;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;line-height:6px}.boton a{color:#fff;text-decoration:none}.disable .overlay .sold-out-text{font-size:2.3rem;border:5px solid red;padding:8px}}.card-admin{height:425px;transition:height .3s ease}.big-card{height:515px}.card-admin .content h3{margin:6px 0}.card-admin .content p{color:var(--primary-color);cursor:pointer;margin:10px 0}.card-admin .extra-content{max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:all .35s ease}.card-admin .content .open{max-height:200px;opacity:1;pointer-events:all;overflow:visible;display:flex;justify-content:center;flex-wrap:wrap;gap:7.5px;margin-top:5px}.card-admin .content .btn-disable{background-color:red}@media (max-width: 750px){.card-admin{height:440px}.big-card{height:600px}.card-admin .content{padding:10px;max-height:none}.card-admin .extra-content button{width:125px}}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-left:4px solid var(--primary-color);margin:auto;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contenedor-imagen-modal{position:fixed;background-color:#000000bf;height:100vh;top:0;left:0;width:100%;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center}.imagen-modal{max-width:85%;max-height:85%;position:relative;display:flex;justify-content:center;align-items:center}.imagen-modal .close-modal{top:-20px;right:-25px;color:red;cursor:pointer;position:absolute;font-size:30px;font-weight:600}.imagen-modal img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 0 10px #0006}:root{--primary-color: #2968c8;--menu-background-mobile-color: #3A4460;--background: #e7e7e7}*{color:#000;box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background:var(--background)}.boton{border-radius:6px;font-size:16px;font-weight:600;height:40px;line-height:40px;padding:0 20px;text-align:center;width:auto;border-color:transparent;cursor:pointer;color:#fff;background-color:var(--primary-color)}.buscador-container{display:flex;justify-content:center;margin:20px 0 15px}.buscador-container form{display:flex;justify-content:center;max-width:980px;gap:10px;line-height:40px}.buscador-container input{border:none;height:40px;box-shadow:0 1px 2px #0003;padding:10px 60px 10px 15px;border-style:solid;border-color:#0000;border-width:1.5px;border-radius:2px;font-size:16px;width:100%;background-color:#fff}.buscador-container input:focus{border-color:var(--primary-color)}header{display:flex;width:100%;justify-content:center}nav{display:flex;max-width:980px;margin:0 auto}.logo{display:none;align-items:center;cursor:pointer;line-height:60px;text-decoration:none;text-transform:uppercase;font-size:20px;font-weight:700;color:var(--primary-color)}.open-menu,.close-menu{display:none}.menu{display:flex;list-style:none;gap:20px}.menu a{text-decoration:none;font-size:18px;cursor:pointer;line-height:50px;position:relative}.menu a:after{content:"";position:absolute;height:2.5px;left:0;top:calc(100% + 4px);background-color:var(--primary-color);width:100%;opacity:0;transition:opacity .3s}.menu a:hover:after,.menu a.selected:after{opacity:1}@media (max-width: 750px){body{padding-top:60px}header{position:fixed;top:0;left:0;z-index:999;background-color:var(--background)}nav{display:flex;justify-content:space-between;width:100%;padding:0 18px}.logo{display:flex;align-self:center}.open-menu,.close-menu{display:block;border:none;background:none;cursor:pointer}.close-menu{align-self:flex-end;padding:14px 18px}.menu{flex-direction:column;position:fixed;background-color:var(--menu-background-mobile-color);width:100%;top:0;left:0;align-items:center;z-index:9;gap:0;height:100%;overflow-y:auto;overflow-x:auto;opacity:0;pointer-events:none;transition:opacity .3s}.menu a{color:#fff;line-height:60px}.menu-opened{opacity:1;pointer-events:all}}.login-container{display:flex;flex-direction:column;align-items:center}.login-container h1{font-size:25px;margin-bottom:10px}.login-container form{display:flex;flex-direction:column;gap:5px}.login-container form input{height:40px;width:auto;min-width:max-content;padding:7.5px}@media (max-width: 750px){.login-container h1{font-size:27px}.login-container form{gap:12px;width:100%;padding:0 30px}.login-container form input{height:40px;border:none;border-bottom:1.5px solid var(--primary-color)}}.contenedor-error-page{display:flex;flex-direction:column;align-items:center;justify-content:center}.contenedor-error-page h1,h2{color:gray;font-size:26px}.contenedor-error-page h1{font-weight:500}.contenedor-error-page h2{font-weight:400}@media (max-width: 750px){.contenedor-error-page h1{text-align:center}}footer{width:100%;margin-top:10px;background-color:#3a4460;display:flex;flex-direction:column;justify-content:center;align-items:center;bottom:0;padding:5px 0}footer h1{color:#fff;font-size:30px;font-weight:500}.contacto{color:#fff;font-size:20px;font-weight:400;text-transform:capitalize}.publicidad{display:flex;justify-content:space-between;width:100%;max-width:1500px}.publicidad span{color:#fff;font-size:12px}@media (max-width: 750px){footer{padding:5px 10px}.publicidad{margin-top:5px}.publicidad span{font-style:10px;text-align:left}.publicidad span:last-child{text-align:right}}