body { font-family: 'Segoe UI', Arial, sans-serif; background-color: #f4f6f9; padding: 20px; }
.container { max-width: 1600px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; }
.section-title {
    background-color: #2c3e50; color: white; padding: 12px; margin-top: 35px; margin-bottom: 15px; border-radius: 4px; font-weight: bold; font-size: 15px;
}
.tableta-title { background-color: #16a085 !important; }
.title-dist { 
    color: #27AE60 !important; 
    border-bottom: 2px solid #27AE60; 
    padding-bottom: 10px; 
    margin-top: 0; 
}

.header-dist { 
    background-color: #34495e; 
}
.footer-dist { 
    background-color: #113f5c; 
    padding: 12px; 
}
.width-full { 
    width: 100%; 
    text-align: center; 
}

.img-container {
    min-width: 90px;
    max-width: 100%;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background: #ffffff;
}
img.product-img {
    min-width: 90px !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.text-left { 
    text-align: left; 
}
.text-right { 
    text-align: right; 
}
.comp-text { 
    font-size: 11px; 
    line-height: 1.4; 
    text-align: right; 
}
.features-list { 
    text-align: left; 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    font-size: 11px; 
}
.zero-value { 
    color: #cbd5e1; f
    ont-style: italic; 
}

@media screen and (max-width: 1024px) {
    body {
        padding: 10px;
    }
    .container {
        padding: 10px;
    }
}
@media screen and (max-width: 480px) {
    /* Forzar que las cajas del panel mayorista colapsen elegantemente */
    .img-container {
        height: 180px; /* Reducción proporcional del marco de la foto */
    }
    
    .product-img {
        max-width: 100%;
        height: auto;
    }
}