/* css/producto_detalle.css */

.contenedor-detalle {
    background-color: #ffffff;
    padding: 50px 0;
    min-height: 60vh;
}

/* Nuestra foto cuadrada perfecta */
.imagen-principal {
    width: 100%;
    max-width: 500px; /* Para que en PC no se haga gigantesca */
    aspect-ratio: 1 / 1;
    object-fit: contain; /* 🌸 LA MAGIA: Cambiamos 'cover' por 'contain' para no recortar 🌸 */
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    background-color: #f8f9fa; /* Un gris muy clarito de fondo */
}

/* Los textos bonitos */
.etiqueta-marca {
    color: #ff6b6b;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.titulo-producto {
    color: #333;
    font-weight: 800;
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.sku-producto {
    color: #999;
    font-size: 13px;
    margin-bottom: 20px;
}

.precio-producto {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

/* Las tarjetitas de envío y retiro */
.etiqueta-beneficio {
    display: inline-block;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    margin-bottom: 15px;
}

.envio-gratis { background-color: #e8f5e9; color: #2e7d32; }
.retiro-tienda { background-color: #e3f2fd; color: #1565c0; }