.Loading{padding:15px}.Loading h2{text-align:center}.tanques{display:flex;justify-content:center;align-items:center;padding:20px}.tanques .tank-form{background-color:#3b1d1d;color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0003;width:100%;max-width:400px;font-family:Arial,sans-serif;display:flex;flex-direction:column;gap:15px}.tanques .tank-form .tank-form-title{text-align:center;font-size:var(--titulo-size, 22px);font-weight:700;margin-bottom:10px}.tanques .tank-form .form-group{display:flex;flex-direction:column;gap:5px}.tanques .tank-form .form-group textarea{resize:none;padding:5px;height:70px}.tanques .tank-form .form-group label{font-size:var(--texto-size, 16px);font-weight:700}.tanques .tank-form .form-group input{padding:8px;border:1px solid #f5c6a5;border-radius:5px;font-size:var(--texto-size, 16px);background-color:#ffffff1a;color:#fff;outline:none}.tanques .tank-form .form-group input:focus{border-color:#ffb997}.tanques .tank-form .form-group select{padding:8px;border:1px solid #f5c6a5;border-radius:5px;font-size:var(--texto-size, 16px);background-color:#4f3434;color:#fff;outline:none}; .tanques .tank-form .form-group .error-message{color:#ff6b6b;font-size:14px}.tanques .tank-form .form-group input.error{border-color:#ff6b6b}.tanques .tank-form .submit-btn{padding:10px;font-size:var(--texto-size, 18px);background-color:#f5c6a5;color:#3b1d1d;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.tanques .tank-form .submit-btn:hover{background-color:#ffb997}.Main-Tanques{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;padding:20px 0}.Main-Tanques header{width:100%;display:flex;justify-content:space-between;align-items:center}.Main-Tanques header h1{width:100%;text-align:center}.Main-Tanques article{width:100%;margin:10px 0;display:flex;justify-content:center;align-items:center}.Main-Tanques .buttons{width:100%;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.Main-Tanques article svg{width:30px;height:30px;fill:var(--color-primary)}.Tanques{max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.Tanques.Vacio .tank-card{background-color:#7f95b4}.Tanques .tank-card{color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0003;max-width:400px;width:100%;font-family:Arial,sans-serif}.Tanques .tank-card.guarda{background-color:#3b1d1d}.Tanques .tank-card.elaboracion{background-color:#46325d}.Tanques .tank-card .tank-header{text-align:center;margin:10px}.Tanques .tank-card .tank-header .tank-title{font-size:var(--titulo-size, 24px);font-weight:700}.Tanques .tank-card .tank-info{display:flex;flex-direction:column;gap:10px}.Tanques .tank-card .tank-info .tank-info-item{font-size:var(--texto-size, 16px);padding:5px;border-radius:5px;background-color:#ffffff1a}.Tanques .tank-card .tank-info .tank-info-item strong{color:#f5c6a5}.Historial-Tanques{padding:1rem}.Historial-Tanques .Tanques{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.Historial-Tanques .tank-card{padding:1rem;border:1px solid #ccc;border-radius:8px}.Historial-Tanques .tank-header{margin-bottom:.5rem}.Historial-Tanques .tank-title{margin:0;font-size:1.2rem}.Historial-Tanques .tank-info-item{margin:.2rem 0}.Main-Tanques .acciones{display:flex;justify-content:space-between;align-items:center}:root{--color-primary: #6d214f;--color-hover: #f3e5f5;--color-bg: #ffffff;--color-border: #ccc;--transition-speed: .3s}.Home{font-family:Segoe UI,sans-serif;border-radius:20px;max-width:100dvw}.Home h2,.Home h1{margin:0}.Home-header{text-align:center;margin-bottom:1.5rem;padding:15px}.Home-content{overflow-x:auto}.Home-Referencias{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:15px;margin-bottom:20px}.Home-Referencias .Home-colores h5{margin:0}.Home-Referencias .Home-colores{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.Home-Referencias .Home-colores .color-guarda{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;color:#f3e5f5;width:100px;height:35px;border-radius:10px;padding:5px;background-color:#b374748a;margin-right:10px;cursor:pointer}.Home-Referencias .Home-colores .color-elaboracion{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;color:#f3e5f5;width:100px;height:35px;padding:5px;border-radius:10px;background-color:#9174b38a;cursor:pointer}.Home-Referencias .Home-buttons{height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.Home-Referencias .Home-buttons button{margin:0}.tanques-listas{border:1px solid #ccc;box-sizing:border-box;max-width:100dvw}.cabecera{display:flex;justify-content:flex-start;border-bottom:1px solid #ddd;background-color:#ccc;font-weight:700;padding:10px 0;flex-wrap:wrap;align-items:center;height:100%}.cabecera .nombre{text-align:center;min-width:72px;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.cabecera .elementos-scroll{width:calc(100% - 72px);height:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.cabecera .elementos-scroll .elemento{height:50px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center}.cabecera .year{width:12%}.cabecera .fecha{width:25%;border-left:1px solid #bbb}.cabecera .varietal{width:55%;border-right:1px solid #bbb}.datos{display:flex;border-bottom:1px solid #eee}.datos .nombre{text-align:center;background-color:#eee;min-width:72px;display:flex;align-items:center;justify-content:center;padding:10px 0}.datos .contenido-scroll{width:calc(100% - 72px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.datos .contenido-scroll:hover{background-color:#bbbbbb4d;cursor:pointer}.datos .contenido-scroll .contenido-datos{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.datos .contenido-scroll .Guarda{background-color:#b374748a}.datos .contenido-scroll .Elaboración{background-color:#9174b38a}.datos .contenido-scroll .elemento{height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:5px;text-align:center}.datos .year{width:10%}.datos .fecha{width:25%;border-left:1px solid #eee}.datos .varietal{width:55%;border-right:1px solid #fff}.datos .vacio{width:100%}@media (min-width: 768px){.tanques-listas{padding:15px}}.Analiticas{padding:1rem;font-family:sans-serif;min-height:100vh}.Analiticas-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.Analiticas-header h1{font-size:1.4rem;margin:0}.Analiticas-btn{padding:.4rem .8rem;font-size:.9rem;background:#8e0000;color:#fff;border:none;border-radius:.3rem}.Analiticas-loading,.Analiticas-empty{text-align:center;font-size:1rem;margin-top:2rem}.Analiticas-lista{display:flex;flex-direction:column;gap:1rem}.Analiticas-item{background:#fff;border-radius:.5rem;box-shadow:0 1px 4px #0000001a;padding:1rem}.Analiticas-fecha{font-size:20px;margin-bottom:15px;text-align:center;color:#8e0000}.Analiticas-datos{list-style:none;padding:0;margin:0;font-size:.95rem}.Analiticas-datos li+li{margin-top:.3rem}.Analiticas-header-text{flex:1;margin-left:1rem}.Analiticas-header-text h1{font-size:1.2rem;margin:0 0 .2rem}.Analiticas-subtitle{font-size:.9rem;color:#666;margin:0}.Analiticas-add-btn{position:fixed;bottom:10px;right:10px;background:#8e0000;color:#fff;border:none;border-radius:50%;width:56px;height:56px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px #0000004d;cursor:pointer;z-index:1000}.Analiticas-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.Analiticas .Analiticas-lista .Analiticas-botones{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;margin-top:10px}.Analiticas .Analiticas-lista .Analiticas-botones button.eliminar{margin:0;background-color:#9d3838;padding:10px}.Analiticas .Analiticas-lista .Analiticas-botones button.editar{margin:0;background-color:#389d45;padding:10px}.Analiticas-modal{background:#fff;border-radius:.5rem;padding:1.5rem;width:90%;max-width:400px;opacity:1;transform:scale(.9);transition:opacity .3s ease,transform .3s ease}.Analiticas-modal h2{margin-top:0}.Analiticas-form label{display:flex;flex-direction:column;margin-bottom:.8rem}.Analiticas-form input{padding:.4rem;font-size:1rem;border:1px solid #ccc;border-radius:.3rem}.Analiticas-form-buttons{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.Analiticas-form-buttons button{padding:.5rem 1rem;font-size:.9rem;border:none;border-radius:.3rem;cursor:pointer}.Analiticas-form-buttons button:first-child{background:#2948a3;color:#fff}.Analiticas-form-buttons button:last-child{background:#c11f1f}@media (min-width: 600px){.Analiticas{max-width:600px;margin:0 auto}}.AMW{width:100%;min-height:100vh;padding:2rem;background-color:#f2eee3;font-family:var(--font-family-primary)}.AMW header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.AMW h1{font-size:clamp(1.5rem,3vw,2.5rem);font-family:var(--font-family-secondary);font-weight:400;color:#333}.AMW .add-news-btn{background-color:#365762;color:#fff;border:none;padding:.8rem 1.2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:.3s ease}.AMW .add-news-btn:hover{background-color:#223940}.AMW .no-news{text-align:center;font-size:1.2rem;color:#666;margin-top:3rem}.AMW .news-list{display:grid;grid-template-columns:1fr;gap:2rem}.AMW .news-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease}.AMW .news-card:hover{transform:translateY(-4px)}.AMW .news-image{width:100%;height:200px;object-fit:cover}.AMW .news-content{padding:1rem}.AMW .news-content h3{font-family:var(--font-family-secondary);font-size:1.2rem;margin-bottom:.5rem;color:#222}.AMW .news-content p{font-size:.95rem;margin-bottom:.5rem;color:#444}.AMW .delete-btn{background-color:#b92c2c;color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;transition:.3s ease}.AMW .delete-btn:hover{background-color:#7a1f1f}.AMW .floating-add-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;border:none;background-color:#365762;color:#fff;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:.3s ease}.AMW .floating-add-btn:hover{background-color:#223940}@media (min-width: 768px){.AMW .news-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.AMW .news-list{grid-template-columns:repeat(3,1fr)}}.noticias-container{max-width:1200px;min-width:100%;min-height:100vh;padding:1rem;background-color:#f2eee3;font-family:var(--font-family-primary);display:flex;flex-direction:column;align-items:center;gap:2rem}.noticias-container .back-btn{align-self:flex-start;background:none;border:none;font-size:1rem;color:#365762;cursor:pointer;margin-bottom:1rem;transition:.3s}.noticias-container .back-btn:hover{color:#223940}.noticias-container .cards-wrapper{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1200px}.noticias-container .card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;width:100%;transition:transform .3s}.noticias-container .form-card input{width:100%;margin-bottom:1rem;padding:.8rem;border:1px solid #181818;border-radius:8px;font-size:1rem;font-family:var(--font-family-primary);background-color:#f2eee3}.noticias-container .form-card textarea{width:100%;border:1px solid #181818;background-color:#f2eee3;border-radius:10px;font-size:16px;font-weight:300;padding:10px;resize:none}.noticias-container .form-card input:focus,.noticias-container .form-card textarea:focus{border-color:#365762;outline:none}.noticias-container .submit-btn{width:100%;padding:.8rem;background-color:#365762;color:#fff;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:.3s}.noticias-container .submit-btn:hover{background-color:#223940}.noticias-container .preview-card h2{margin-bottom:1rem;font-family:var(--font-family-secondary);font-weight:400;color:#333}.noticias-container .preview-element{display:flex;flex-direction:column;gap:1rem}.noticias-container .preview-image{width:100%;max-height:250px;object-fit:cover;border-radius:10px}.noticias-container .preview-text h3{font-family:var(--font-family-secondary);font-weight:500;margin:.5rem 0;color:#222}.noticias-container .preview-text p{font-size:.95rem;color:#444;margin-bottom:1rem}@media (min-width: 768px){.Noticias{padding:50px}.noticias-container{padding:2rem}.noticias-container .cards-wrapper{align-items:flex-start}.noticias-container .form-card,.noticias-container .preview-card{flex:1}.noticias-container .preview-element{flex-direction:row;align-items:flex-start;gap:2rem}.noticias-container .preview-image{width:50%;max-height:300px}.noticias-container .preview-text{width:50%}}:root{--color-primary: #7b1e20;--color-secondary: #a2353e;--color-accent: #c97461;--color-background: #f7f1ee;--color-text: #2c1d1e;--color-light-text: #5b3e3c;--color-border: #d8c4b6;--font-size-small: .875rem;--font-size-base: 1rem;--font-size-medium: 1.125rem;--font-size-large: 1.5rem;--font-size-xlarge: 2rem;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 24px;--spacing-xlarge: 32px}@media (min-width: 768px){:root{--font-size-small: 1rem;--font-size-base: 1.125rem;--font-size-medium: 1.25rem;--font-size-large: 1.75rem;--font-size-xlarge: 2.5rem}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{background-image:linear-gradient(to bottom right,#9db5e0,#f9c695);color:var(--color-text);font-size:var(--font-size-base);background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}section{background-color:#fff5;border-radius:10px}a{color:var(--color-secondary);color:#000;text-decoration:none}a:hover{color:#0056b3}ul{list-style:none;margin:0;padding:0}li{margin:5px 0}button{background:var(--color-primary);color:#fff;padding:var(--spacing-medium);border-radius:5px;border:none;cursor:pointer;margin-bottom:1rem}button:hover{background:var(--color-secondary)}button:focus{outline:none}img{max-width:100%;height:auto;display:block}.container{width:90%;max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:10px}.algo h2{text-align:center}p{margin-bottom:10px}