/* --- ESTILOS DEL CUERPO DEL CATÁLOGO --- */
.main-catalogo { 
    padding: 80px 8%; 
    background: var(--white); 
}

.machine-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    margin-bottom: 120px;
    padding-bottom: 80px;
    border-bottom: 1px solid #eee;
    align-items: center;
}

.machine-visual { text-align: center; }
.img-wrapper img { 
    width: 100%; 
    max-height: 500px; 
    object-fit: contain; 
}
.brand-name { 
    font-weight: 700; 
    letter-spacing: 8px; 
    color: #EEE; 
    text-transform: uppercase; 
    margin-top: 20px; 
}

.company-name { font-weight: 700; font-size: 0.7rem; color: #AAA; letter-spacing: 2px; }
.machine-info h2 { font-family: var(--serif); font-size: 2.8rem; margin: 5px 0; }
.price { font-size: 1.8rem; color: var(--accent); font-weight: 400; margin-bottom: 30px; }

.meta-info { display: flex; gap: 40px; margin-bottom: 40px; }
.demand-block .label { display: block; font-size: 0.65rem; color: #999; text-transform: uppercase; }
.demand-block .value { font-weight: 700; font-size: 1.1rem; }
.oz-block span, .oz-group span { 
    background: #f0f0f0; 
    padding: 4px 12px; 
    margin-right: 5px; 
    font-size: 0.8rem; 
    font-weight: 700; 
    border-radius: 2px; 
}

.specs-box h3 { 
    font-size: 0.8rem; 
    letter-spacing: 3px; 
    border-bottom: 1px solid #eee; 
    padding-bottom: 10px; 
    margin-bottom: 15px; 
}
.specs-table { width: 100%; border-collapse: collapse; }
.specs-table td { padding: 10px 0; border-bottom: 1px solid #f9f9f9; font-size: 0.85rem; }
.specs-table td:first-child { color: #888; width: 40%; }
.specs-table td:last-child { font-weight: 700; text-align: left; }

.description-text { margin-top: 30px; line-height: 1.7; color: #666; }
.description-text i { 
    font-family: var(--serif); 
    font-style: italic; 
    color: var(--black); 
    display: block; 
    font-size: 1.1rem; 
    margin-bottom: 5px; 
}

/* --- ESTILO BOTÓN DE COMPRA --- */
.btn-buy {
    display: inline-block;
    margin-top: 30px;
    background-color: #000000; /* Fondo Negro */
    color: #FFFFFF;           /* Letras Blancas */
    text-decoration: none;
    padding: 15px 40px;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 0.85rem;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align: center;
}

.btn-buy:hover {
    background-color: #333333; /* Gris oscuro al pasar el mouse */
}

/* Efecto al presionar: Color café con leche */
.btn-buy:active {
    background-color: #D2B48C; /* Color Café con Leche */
    color: #4E342E;           /* Cambio de letra a café oscuro */
    transform: translateY(2px);
}

@media (max-width: 900px) { 
    .machine-section { grid-template-columns: 1fr; gap: 40px; } 
    .btn-buy { width: 100%; }
}