/* Estilos para el Administrador */
.mcp-admin-wrapper { padding: 10px 0; }
.mcp-upload-group { 
    background: #f0f0f1; 
    padding: 15px; 
    margin-top: 10px; 
    border: 1px solid #ccd0d4; 
    border-radius: 4px; 
}
.mcp-url-input { width: 75% !important; margin-right: 5px !important; }

/* Estilos para la Tabla en la Web (Frontend) */
.mcp-info-container {
    margin: 30px 0;
    padding: 25px;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
.mcp-title { margin-top: 0; border-bottom: 2px solid #0073aa; display: inline-block; padding-bottom: 5px; }
.mcp-table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.mcp-table th, .mcp-table td { text-align: left; padding: 12px; border-bottom: 1px solid #f0f0f0; }
.mcp-table th { background: #f9f9f9; color: #333; font-weight: 700; width: 35%; }
.mcp-thumb { height: 45px; width: auto; margin-right: 10px; border: 1px solid #ddd; padding: 2px; border-radius: 4px; }
.mcp-button {
    display: inline-block;
    padding: 12px 30px;
    background-color: #0073aa;
    color: #fff !important;
    text-decoration: none;
    border-radius: 50px;
    font-weight: bold;
    transition: transform 0.2s ease;
}
.mcp-button:hover { transform: scale(1.05); background-color: #005177; }