@charset "UTF-8";*{color:#000}.contenido{margin:0 auto;width:100%;height:auto;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:5%;max-height:50%}.contenido .producto-image{width:55%;border:2px solid black;border-radius:10px;padding:.2rem;background-color:#d3d3d3;height:80%}.contenido .producto-image img{width:100%;height:100%}.info-producto{margin:0 auto;width:35%;border-radius:10px;padding:2rem;background-color:#e2e2e2;height:100%;gap:2%;display:flex;flex-flow:column nowrap}.info-producto .titulo{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.info-producto p{border:1px solid gray;border-radius:15px;padding:.5rem;font-weight:700}.info-producto .categoria{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.info-producto a{margin:0 auto;text-decoration:none;color:#fff;background:linear-gradient(135deg,#333,#000);padding:.5rem 1rem;border-radius:15px;transition:.5s ease}.info-producto a:hover{background:var(--color-head);transform:scale(1.2)}.comentarios{display:flex;justify-content:space-between;margin:3rem auto;width:90%;gap:40px}.comentarios-lista{flex:2}.anadirComentario{flex:1;background-color:#f4f4f4;padding:1.5rem;border-radius:10px;height:fit-content}.form-comentario{display:flex;flex-direction:column;gap:15px}.grupo-input{display:flex;flex-direction:column;gap:5px}.grupo-input textarea,.grupo-input select{padding:10px;border:1px solid #ccc;border-radius:8px;font-family:inherit}.btn-enviar{background:#000;color:#fff;padding:10px;border:none;border-radius:15px;cursor:pointer;font-weight:700;transition:.3s}.btn-enviar:hover{background:#444;transform:translateY(-2px)}.reaccion a{text-decoration:none;margin-right:10px;font-size:.9rem}.comentario{background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:2px 2px 10px #0000000d}.cabComentario{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.datosComentador{display:flex;align-items:center;gap:10px}.datosComentador img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:1px solid #ccc}.comentario p{line-height:1.5;margin-bottom:1rem;font-size:.95rem}.reaccion{display:flex;gap:15px}.reaccion a{background:#f0f0f0;padding:5px 12px;border-radius:20px;transition:background .3s;font-weight:700}.reaccion a:hover{background:#e0e0e0}.btn-comprar{display:inline-block;background:#7a0000;color:#fff;padding:.8rem 1.5rem;border-radius:10px;font-weight:700;transition:.3s}.btn-comprar:hover{background:#5a0000}.modal-producto{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:9999}.modal-producto.activo{display:flex}.modal-contenido{background:#fff;width:90%;max-width:450px;border-radius:15px;padding:2rem;position:relative;animation:aparecer .3s ease;color:#000}@keyframes aparecer{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.cerrar-modal{position:absolute;top:12px;right:15px;font-size:2rem;cursor:pointer;color:#7a0000}.form-modal{display:flex;flex-direction:column;gap:1rem}.grupo-form label{font-weight:700}.grupo-form input,.grupo-form textarea{width:100%;padding:.6rem;border-radius:8px;border:1px solid #ccc}.form-modal button{background:#7a0000;color:#fff;border:none;padding:.8rem;border-radius:10px;font-weight:700;cursor:pointer}.form-modal button:hover{background:#5a0000}.info-contacto{text-align:center;margin-top:1.5rem;font-size:.9rem}@media(max-width:480px){.modal-contenido{padding:1.5rem 1rem}}